Quantcast
Channel: Ionic Forum - Latest topics
Viewing all 71531 articles
Browse latest View live

Ionic4 build error: Undefined SCSS variable in home.page.scss

$
0
0

@nirajhinge wrote:

I created a blank Ionic4 app and within it, in the src/global.scss I declare the following $padding: 16px. I then try to use the $padding in an element in home.page.scss as follows:

.highlight {
  padding: $padding;
}

I expected it to output the following as it does in Ionic3:

.highlight {
  padding: 16px;
}

Instead I am getting an Undefined variable. during the build process. Can we not use global SCSS variables within the page styles anymore?

Posts: 1

Participants: 1

Read full topic


Ionic 4 href link problem

$
0
0

@rashedk wrote:

Hello,

I am new in the ionic 4 framewrok, I wrote the code in the footer. How to href the contact page with the contact please help me ?

<ion-tab-button tab="contact">
  <ion-icon name="contacts"></ion-icon>
  <ion-label>contact</ion-label>
</ion-tab-button>

Posts: 1

Participants: 1

Read full topic

Whats wrong

Ionic/React share target

$
0
0

@XamiKami wrote:

Hey guys!
I’m currently working on a Ionic/React based application, which i need to be able to register as a Share-target (mainly for android), so i want to Share TO that App, not just from that app.
the Capacitor docs currently only show how to share FROM your app, so is this currently not supported by Capacitor?
if it isn’t, is this something I could create a custom Plugin for, or would i need to go for Cordova?

if I need to use Cordova, how would I use Cordova with React/Ionic, seeing that its not supported by the CLI

Posts: 1

Participants: 1

Read full topic

Ion-input placeholder not showing on mobile app

$
0
0

@jamesRoss wrote:

For some Reason, the following code does not display the placeholder I need on the input boxes on the mobile app when testing through the Ionic Devapp… I’m using android.

Ion-select does display the placeholder, Ion-input does not…

<ion-select type=“text” id=“name” placeholder=“Selectionnez l’étudiant’” class=“inputBox” #name>
<ion-select-option *ngFor=“let name of names” [value]="">{{ name.nom }}

<ion-input type=“date” id=“date” class=“inputBox” placeholder=“Date de RDV” #date>

<ion-input type=“time” id=“time” placeholder=“Debut de réunion” class=“inputBox” #time>

I’ve Added a grey color to the class of .inputBox in the .scss file but it gives me Nothing.

Any ideas?

Posts: 1

Participants: 1

Read full topic

Ionic 4 slow on Viewsonic Ultra HD 4K

$
0
0

@tranhieudao wrote:

Please help me

Sorry if i post to wrong category.

I build android app with ionic 4. But when i install on Viewsonic device(model IFP 5550), the app run so slow. On my mobile the app run fine. At the first page of my app, it call api 2 time and after that don’t call any request to server. The loading popup duration is 2 seconds, but it show over 2 seconds before close.

My project will fail if i can’t solve thì problem.

This is my app: http://tranhieudao.net/2019-08-11.apk
And this is video demo on Viewsonic device: https://youtu.be/V96uLEm0kZ4

Posts: 1

Participants: 1

Read full topic

Error using JSON.parse(x.y) || Using capacitor and Ionic+React

$
0
0

@veerne wrote:

when i try parse a JSON stringify return a error, this is de code.

  async componentDidMount(){
    const Data = await Storage.get({ key: "Login" })
   const Json = JSON.parse( Data.value );
  }

Argument of type ‘string | null’ is not assignable to parameter of type ‘string’.
Type ‘null’ is not assignable to type ‘string’.ts(2345)

Posts: 2

Participants: 2

Read full topic

Network_security_config.xml:4: Error: Missing includeSubdomains attribute

$
0
0

@doug1e wrote:

Hi there,

I keep getting the below error message when I build my project. I saw a similar post and the answer indicated that this had been resolved. I use the latest ionic however and still get it. Anybody experiencing something similar?

> /home/dx/Desktop/ionic/Android/platforms/android/app/src/main/res/xml/network_security_config.xml:4: Error: Missing includeSubdomains attribute [NetworkSecurityConfig]
>         <domain>localhost</domain>
>          ~~~~~~
> /home/dx/Desktop/ionic/Android/platforms/android/app/src/main/res/xml/network_security_config.xml:5: Error: Duplicate domain names are not allowed [NetworkSecurityConfig]
>  <domain includeSubdomains="true">localhost</domain> 
>                                   ^
>     /home/dx/Desktop/ionic/Android/platforms/android/app/src/main/res/xml/network_security_config.xml:4: Already declared here

Thanks,

Doug

Posts: 1

Participants: 1

Read full topic


Lazyloading in ion-select

Stencil: attractive unpkg url for standalone component

$
0
0

@sneas wrote:

First of all, thank you for Stencil. It is amazing tool with great potential.

I’ve been using it for my hobby project. It is a standalone component. It works great, but UNPKG URLs in Installation section of readme do not look attractive:

<script type="module" src="https://unpkg.com/img-comparison-slider@^1/dist/img-comparison-slider/img-comparison-slider.esm.js"></script>
<script nomodule="" src="https://unpkg.com/img-comparison-slider@^1/dist/img-comparison-slider/img-comparison-slider.js"></script>

The project’s name gets duplicated 6 times in 2 URLs in order to include properly include component. Although, there is a way to provide one single script tag:

<script nomodule="" src="https://unpkg.com/img-comparison-slider@^1/dist/img-comparison-slider.js"></script>

which is definitely looks better, this script fires warning in console and it is a huge no-no.

Is there any way to provide better looking UNPKG links for for the project of one single component?

Posts: 1

Participants: 1

Read full topic

TypeError: Cannot read property 'runOutsideAngular' of undefined

$
0
0

@bherdocio wrote:

Hi there, I am working in an app with Ionic 4, and everything works fine with ionic serve, ionic cordova run browser and ionic cordova run android, but when I add --prod --release I get this error and I cannot identify what is wrong.

This is my Ionic info:

Ionic:

Ionic CLI : 5.2.4 (C:\Users\XXXX\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : @ionic/angular 4.7.1
@angular-devkit/build-angular : 0.801.3
@angular-devkit/schematics : 8.1.3
@angular/cli : 8.1.3
@ionic/angular-toolkit : 2.0.0

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : not available
Cordova Plugins : not available

Utility:

cordova-res : 0.4.0
native-run : 0.2.2

System:

Android SDK Tools : 26.1.1 (C:\Users\XXXX\AppData\Local\Android\Sdk)
NodeJS : v10.16.0 (C:\Program Files\nodejs\node.exe)
npm : 6.9.0
OS : Windows 10

Posts: 1

Participants: 1

Read full topic

How to prevent autofill popup on ion input programatically in ionic 3?

$
0
0

@prashanteuro wrote:

Hi All,

M getting autofill saved passwords popup whenever m clicking on ionic input…i want to restrict it programatically…pls provide ur solutions.

Posts: 1

Participants: 1

Read full topic

How to prevent autofill popup on ion-input programatically in ionic

$
0
0

@prashanteuro wrote:

Hi All, M getting autofill saved passwords popup whenever m clicking on ionic input…i want to restrict it programatically…pls provide ur solutions.

Posts: 1

Participants: 1

Read full topic

Updating Ionic 4.0->4.7 Dependency Issues and Build Failure

$
0
0

@brettbutcher wrote:

I found myself needing to update my ionic framework and followed the instructions here
The process went fairly ok but there has been a bunch on apparently unresolvable dependencies coming out of npm:


So, for example, the http@7.2.15 needs a peer, but I have 8.2 installed. The relevant section of my package.json is:
 ...
"@angular/forms": "^8.2.1",
"@angular/http": "^7.2.15",
"@angular/platform-browser": "^8.2.1",
"@angular/platform-browser-dynamic": "^8.2.1",
 ...

I thought the ^ meant a higher version was required. Surely the Angular team wouldn’t force a dependency like that…(I have tried updating the http, but that is the latest it appears?)

npm i @angular/http@latest

If I install angular core 7.2.15 then that just breaks everything else.

My ionic build breaks with errors which also imply some kind of missing/broken library issue:

I am fairly new to this type of environment coming from the cosseted world of Visual Studio and C#. I have tried a bunch of other things too and seem to be going around in circles now, to the extent Ive considered a new project and moving all the files in kind of thing…

It could of course be that the ‘http’ issue is a red herring and the issue is a wider one. Any ideas where I am missing something? Or where I should look ?
Thanks

Posts: 1

Participants: 1

Read full topic

How do i get this type of header?


Hardware back button in ionic 4 for exiting app is not working

$
0
0

@kameshh89 wrote:

Hardware back button for exiting from app is not working. I tried every solution but unable to do so.

Posts: 1

Participants: 1

Read full topic

Createing a chat app

$
0
0

@Mmadzharov wrote:

Hi,
I am trying to create a chatapp with Ionic 4. Everything is ok except that i can’t get the messages to show from the bottom of the page up. I’ve tried doing it with ion-grid, ion-list . Does any one have some kind a solution ?

Posts: 1

Participants: 1

Read full topic

Input type number inside alertController has no step property

$
0
0

@javheroli wrote:

Hello everyone,
I’m rendering an input of type number inside an alert, the problem is that i can not set step property which i need to set, is there any work around or solution?

Posts: 1

Participants: 1

Read full topic

How to have 2 menus in ionic 4?

$
0
0

@elim wrote:

to have a menu for routing and also have a menu to for internal components (not for routing) which could act as a setting or filter function??

right now i have seen several tuts… the menu mapping is catered only to routing needs… and intend change to improve the behavior for other specific needs?

Posts: 1

Participants: 1

Read full topic

Capacitor for facebook-4 is complicated

$
0
0

@elim wrote:

compared to just use cordova… capacitor generated facebook4 is bugged and i do not know how to reference to solve the issue… any tester or team could validate the issue?

Posts: 1

Participants: 1

Read full topic

Viewing all 71531 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>