@Mathe13 wrote:

Hi i got a project in inocic 3.x and i am trying to use the socialSharing plugin(https://ionicframework.com/docs/native/social-sharing/) i followed all the steps found in this tutorial(https://medium.com/@mikeyny/easy-social-sharing-with-ionic-3-and-ionic-native-f2c42807f43c) but when i click the butto binded to the share function it show the error ‘object is not a function at socialShare.share()’

my ionic info:

Ionic:

   ionic (Ionic CLI)  : 4.10.1 (/usr/lib/node_modules/ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.0

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 7.0.0, browser 5.0.4
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.2, cordova-plugin-ionic-webview 2.1.4, (and 10 other plugins)

System:

   Android SDK Tools : 26.1.1 (/opt/SDK)
   NodeJS            : v11.8.0 (/usr/bin/node)
   npm               : 6.5.0
   OS                : Linux 4.15

my cordova plugins:

cordova-plugin-device 2.0.2 "Device"
cordova-plugin-device-motion 2.0.1 "Device Motion"
cordova-plugin-geolocation 4.0.1 "Geolocation"
cordova-plugin-gyroscope 0.1.4 "Device Gyroscope"
cordova-plugin-ionic-keyboard 2.1.2 "cordova-plugin-ionic-keyboard"
cordova-plugin-ionic-webview 2.1.4 "cordova-plugin-ionic-webview"
cordova-plugin-request-location-accuracy 2.2.3 "Request Location Accuracy"
cordova-plugin-splashscreen 5.0.2 "Splashscreen"
cordova-plugin-statusbar 2.4.2 "StatusBar"
cordova-plugin-whitelist 1.3.3 "Whitelist"
cordova-plugin-x-socialsharing 5.4.4 "SocialSharing"
cordova-sqlite-storage 2.6.0 "Cordova sqlite storage plugin"
es6-promise-plugin 4.2.2 "Promise"

my package.json: (https://pastebin.com/dWRUGnqr)

Posts: 1

Participants: 1

Read full topic

@pstampfer wrote:

  <form [formGroup]="loginForm" (submit)="login()">
    <ion-item>
      <ion-input type="text" formControlName="username"></ion-input>
    </ion-item>
    <ion-item>
      <ion-textarea type="text" formControlName="password"></ion-textarea>
    </ion-item>
    <ion-button type="submit">Submit</ion-button>
  </form>

i had the issue, that the input binding didn’t work then I found the resolved issue but it still doesn’t work after importing the FormsModule in app.module.ts or my component.module.ts

i am currently using ionic 4.10.2- the latest release and also tried it with a fresh project.

Thanks

Posts: 1

Participants: 1

Read full topic

@darrenM96 wrote:

Toast not working.I have been creating a simple ionic app using firebase to handle my login. When the user enters correct email and password, it logs in and a toast message show to say logged in. When the email or password is incorrect the toast message to inform the user wont pop up.

Login.html

<!--
  Generated template for the LoginPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>

    <ion-title>   <img src="../../assets/imgs/leaf.png" alt="couldn't load"></ion-title>
  </ion-navbar>

</ion-header>

<ion-content padding>







<ion-item>
<ion-label floating>Email Address</ion-label>
<ion-input type="text" [(ngModel)]="user.email"></ion-input>
</ion-item>

<ion-item>
<ion-label floating>Password</ion-label>
<ion-input type="password" [(ngModel)]="user.password"></ion-input>
</ion-item>

<button ion-button (click)="login(user)">Login</button>
<button ion-button color="light" (click)="register()">Register</button>
<button ion-button (click)="information()">Information</button>






</ion-content>

Login.ts

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams, ToastController } from 'ionic-angular';
//import { Loginbutton } from '/Loginbutton';
import { HomePage } from '../home/home';
import { User } from "../../models/user";
import { RegisterPage } from "../register/register";
import { InformationPage } from "../information/information";
import { AngularFireAuth} from 'angularfire2/auth';
import { ToastController } from 'ionic-angular';

/**
 * Generated class for the LoginPage page.
 *
 * See https://ionicframework.com/docs/components/#navigation for more info on
 * Ionic pages and navigation.
 */

@IonicPage()
@Component({
  selector: 'page-login',
  templateUrl: 'login.html',
})
export class LoginPage {
	user = {} as User;
  constructor(private aFauth: AngularFireAuth,  public toastCtrl: ToastController,
  	public navCtrl: NavController, public navParams: NavParams) {


  }



 openHomePage(){
this.navCtrl.setRoot(HomePage);
 }





	async login(user: User) {
    try{
   const result = await this.aFauth.auth.signInWithEmailAndPassword(user.email, user.password);

if(result){
this.navCtrl.setRoot(HomePage);	
  let toast = this.toastCtrl.create({
      message: 'Successfully Logged In',
      duration: 3000
    });
    toast.present();
}
   else {
      let toast = this.toastCtrl.create({
      message: 'Incorrect Email/Password',
      duration: 3000
    });
    toast.present();}}

 catch (e) {
  	console.error(e);
  }
 }

 register(){
 	this.navCtrl.push(RegisterPage);

 }
 information(){
 	this.navCtrl.push(InformationPage);
 }


}

The toast is in the else statement at the bottom.

Posts: 1

Participants: 1

Read full topic

@Lona wrote:

Hi there,

I would like to add RPG-awesome (similar to font awesome) to an Ionic 4 app. Anyone done that?

Posts: 1

Participants: 1

Read full topic

@pradeepkaatnam wrote:

I am working on an IONIC & FIREBASE application. I have integrated Phone authentication with invisible recaptcha provided by firebase as my auth in the app. As part of phone number verification with OTP, sometimes the invisible recaptcha prompts a recaptcha challenge for the user to solve in-order to proceed further. Now everything works fine if the challenge was solved successfully but if I select some wrong images in the recaptcha challenge then the pop up gets closed and no call back function is getting invoked.

This is my firebase RecaptchaVerifier code:

ngOnInit(){
    this.recaptchVerifier = new auth.RecaptchaVerifier('sign-in-button', {
      'size': 'invisible',
      'callback': function(response) {
        // reCAPTCHA solved, allow signInWithPhoneNumber.
        console.log("recapcha verified. ", response);
      },
      'expired-callback': function() {
        // Response expired. Ask user to solve reCAPTCHA again.
        // ...
        console.log("Recaptcha expired.");
        this.spinner.dismiss();
      },
      'error-callback': function() {
        console.log("Error occurred");
        this.spinner.dismiss();
      }
    });
  }

I have implemented all the callbacks available on the recapthca but nothing is getting invoked if the challenge was unsuccessful. So how do I know when user fails to solve the recaptcha challenge so that I can tell the user to try again.

Thanks in advance.

Posts: 1

Participants: 1

Read full topic

@znix wrote:

I have installed admob free plugin, using the exact same code from the documentation: https://ionicframework.com/docs/native/admob-free/

I have wrapped this code in a function which I call in my constructor

const bannerConfig: AdMobFreeBannerConfig = {
 // add your config here
 // for the sake of this example we will just use the test config
 isTesting: true,
 autoShow: true
};
this.admobFree.banner.config(bannerConfig);

this.admobFree.banner.prepare()
  .then(() => {
    // banner Ad is ready
    // if we set autoShow to false, then we will need to call the show method here
  })
  .catch(e => console.log(e));

however I get the following error on the line with this statement: this.admobFree.banner.config(bannerConfig);

core.js:1449 ERROR Error: Uncaught (in promise): TypeError: Object(…) is not a function
TypeError: Object(…) is not a function
at AdMobFreeBanner.config (index.js:91)
at HomePage. (home.ts:104)
at step (main.js:972)
at Object.next (main.js:953)
at main.js:947
at new t (polyfills.js:3)
at webpackJsonp.54.__awaiter (main.js:943)
at HomePage.webpackJsonp.54.HomePage.bannerAd (home.ts:98)
at new HomePage (home.ts:90)
at createClass (core.js:12491)
at AdMobFreeBanner.config (index.js:91)
at HomePage. (home.ts:104)
at step (main.js:972)
at Object.next (main.js:953)
at main.js:947
at new t (polyfills.js:3)
at webpackJsonp.54.__awaiter (main.js:943)
at HomePage.webpackJsonp.54.HomePage.bannerAd (home.ts:98)
at new HomePage (home.ts:90)
at createClass (core.js:12491)
at c (polyfills.js:3)
at new t (polyfills.js:3)
at webpackJsonp.54.__awaiter (main.js:943)
at HomePage.webpackJsonp.54.HomePage.bannerAd (home.ts:98)
at new HomePage (home.ts:90)
at createClass (core.js:12491)
at createDirectiveInstance (core.js:12326)
at createViewNodes (core.js:13784)
at createRootView (core.js:13673)
at callWithDebugContext (core.js:15098)

Can someone please advise, is it something to do with my plugin version and ionic native core?

Posts: 1

Participants: 1

Read full topic

@flotilla wrote:

hi there,
i use icons but “more” icon looks vertically. i need it horizantally. do you have any solutions for that?

<ion-tab-button tab="tab2">
            <ion-icon style="color: white; font-size: 35px; " name="more"></ion-icon>        
  </ion-tab-button>

Posts: 1

Participants: 1

Read full topic

@xenos2011 wrote:

Hello Ionic Developers, I’m using Ionic 3 for a work project. The project isn’t that large to say ( about 10 pages by now ).

I’ve been generating components, providers and pages using the CLI and have done all of the project the Ionic default way ( shared components module, all providers loaded from app.modules ), only the pages are lazy loaded.

The problem is that recently I found out that there is a separate team working on the project but slightly modified. Their tasks are mostly design related so they rely the logic on me, hence the fact that the other team has little experience with programming in Ionic.

So I thought id would be much better if I separate everything in modules, best way being a more react way of " separation of concerns ". Instead of having a components / pipes / providers / directives folders, everything that a specific page requires would be inside the page folder itself.

So instead of this

image.png334×637 24.2 KB

I would have something like this

image.png335×694 26 KB

locations page in this example will have all it’s own providers, pipes and components nested inside the locations folder, lazy loading them when the page is accessed.

The reason behind this logic is to ease the work of the other team thus not needing to explain which modules they need to copy and link to their components.modules or in app.modules. This way they only need to copy the specific page folder and link within other pages to that page.

A global components / pipes / providers would still exist for them so that existing pages wont be broken, but all new pages that I provide for them to modify would not require any outside modules ( if they do not exist ). I would still use global components in cases where they are already created and used within other pages ( for app size reasons ).

My question would be if someone can explain how to do this or at least point me to some resources that I could learn to do this.

Thanks to all in advance for going thru all the post.

Posts: 1

Participants: 1

Read full topic

@jasoncartermartin wrote:

Hello, I am having an error running the simple command of ionic serve natively in Windows. However, ionic cordova build android works fine in the same shell. This is the error that running ionic serve in cmd.exe gives:

ionic serve
> ng run app:serve --host=0.0.0.0 --port=8100
[ng] 'sh' is not recognized as an internal or external command,
[ng] operable program or batch file.

However, running ng run app:serve --host=0.0.0.0 --port=8100 directly works just fine…

The ionic serve command also works properly in Linux through WSL, however the problem with that approach is that node-sass has to be recompiled with Linux bindings to do this.

Any reason why this is happening, or workarounds/fixes?

Thanks!

Posts: 2

Participants: 1

Read full topic

@ioclaudio wrote:

Hi,
building an Ionic3 app on iOS I’ve this error:

** BUILD FAILED **

The following build commands failed:
	CompileC /var/root/Library/Developer/Xcode/DerivedData/LibApp_Assistant-elxtqmfxxzicbsgyrbocrztpflkc/Build/Intermediates/LibApp\ Assistant.build/Debug-iphonesimulator/LibApp\ Assistant.build/Objects-normal/x86_64/CDVBarcodeScanner.o LibApp\ Assistant/Plugins/phonegap-plugin-barcodescanner/CDVBarcodeScanner.mm normal x86_64 objective-c++ com.apple.compilers.llvm.clang.1_0.compiler
(1 failure)
CordovaError: Promise rejected with non-error: 'Error code 65 for command: xcodebuild with args: -xcconfig,/users/claudio/Workspace/Ionic3/LibAppassistant/ionic/platforms/ios/cordova/build-debug.xcconfig,-workspace,LibApp Assistant.xcworkspace,-scheme,LibApp Assistant,-configuration,Debug,-sdk,iphonesimulator,-destination,platform=iOS Simulator,name=iPhone SE,build,CONFIGURATION_BUILD_DIR=/users/claudio/Workspace/Ionic3/LibAppassistant/ionic/platforms/ios/build/emulator,SHARED_PRECOMPS_DIR=/users/claudio/Workspace/Ionic3/LibAppassistant/ionic/platforms/ios/build/sharedpch'
    at cli.catch.err (/usr/local/lib/node_modules/cordova/bin/cordova:30:15)
    at processTicksAndRejections (internal/process/next_tick.js:81:5)
[ERROR] An error occurred while running subprocess cordova.
        cordova build ios exited with exit code 1
        Re-running this command with the --verbose flag may provide more information.

This is the output of the ionic info command:

sh-3.2# ionic info

Ionic:
   ionic (Ionic CLI)  : 4.10.2 (/usr/local/lib/node_modules/ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.2

Cordova:
   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : ios 4.5.5
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 3.1.2, (and 7 other plugins)

System:
   ios-sim : 5.0.4
   NodeJS  : v11.8.0 (/usr/local/bin/node)
   npm     : 6.7.0
   OS      : OS X El Capitan
   Xcode   : Xcode 8.1 Build version 8B62

These are the cordova plugin installed:

cordova plugin ls
cordova-plugin-device 2.0.2 "Device"
cordova-plugin-document-viewer 0.9.10 "SitewaertsDocumentViewer"
cordova-plugin-file 6.0.1 "File"
cordova-plugin-file-transfer 1.7.1 "File Transfer"
cordova-plugin-ionic-keyboard 2.1.3 "cordova-plugin-ionic-keyboard"
cordova-plugin-ionic-webview 3.1.2 "cordova-plugin-ionic-webview"
cordova-plugin-splashscreen 5.0.2 "Splashscreen"
cordova-plugin-whitelist 1.3.3 "Whitelist"
phonegap-plugin-barcodescanner 8.0.1 "BarcodeScanner"

What could be the problem?

I’ve already tried to remove and add again the ios platform,

Thank you very much

cld

Posts: 1

Participants: 1

Read full topic

@mlynch wrote:

I’ve been developing an Android & iOS app for several months now, and it’s been working as expected. When the user rotates their device, the app rotates and resizes things appropriately.

But recently I installed my app on a Chromebook that supports native Android apps, because we expect some users will want a physical keyboard. The app loads and works just like it does on an Android tablet, except for the fact that changing the app from fullscreen to a windowed view reloads the page. My app requires significant data entry from the user, and I don’t want that to be lost if they change how they view the app.

Why is Ionic reloading on resize?

How do I prevent that from happening?

Posts: 1

Participants: 1

Read full topic

@irodriguez9863 wrote:

First at all thanks for any help or guie, i’m new in Ionic .

Envyroment
Ionic:

ionic (Ionic CLI) : 4.10.2 (C:\Windows\System32\node_modules\ioni
c)
Ionic Framework : @ionic/angular 4.0.1
@angular-devkit/build-angular : 0.12.4
@angular-devkit/schematics : 7.2.4
@angular/cli : 7.2.4
@ionic/angular-toolkit : 1.3.0

System:

NodeJS : v10.15.1 (C:\Program Files\nodejs\node.exe)
npm : 6.4.1
OS : Windows 7 64Bits

Steps for geting the error
1.- use the commad “ionic start Test tabs”, not bugs here.
2.- use the commad “cd Test” then “ionic seve”, here is where crash the app

Log:

C:\Code\test2>ionic serve

ng run app:serve --host=0.0.0.0 --port=8100
[ng] WARNING: This is a simple server for use in testing or debugging Angular ap
plications
[ng] locally. It hasn’t been reviewed for security issues.
[ng] Binding this server to an open connection can result in compromising your a
pplication or
[ng] computer. Using a different host than the one passed to the “–host” flag m
ight result in
[ng] websocket connection issues. You might need to use “–disableHostCheck” if
that’s the
[ng] case.

[INFO] Development server running!

   Local: http://localhost:8100
   External: http://192.168.235.51:8100

   Use Ctrl+C to quit this process

[INFO] Browser window opened to http://localhost:8100!

[ng] i ?wdm?: wait until bundle finished: /
[ng] Date: 2019-02-07T21:02:05.677Z
[ng] Hash: 3d2b18dad1f2b38372a2
[ng] Time: 18541ms
[ng] chunk {common} common.js, common.js.map (common) 18.5 kB [rendered]
[ng] chunk {main} main.js, main.js.map (main) 33.7 kB [initial] [rendered]
[ng] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 237 kB [initia
l] [rendered]
[ng] chunk {runtime} runtime.js, runtime.js.map (runtime) 8.9 kB [entry] [render
ed]
[ng] chunk {styles} styles.js, styles.js.map (styles) 21 kB [initial] [rendered]

[ng] chunk {tab1-tab1-module} tab1-tab1-module.js, tab1-tab1-module.js.map (tab1
-tab1-module) 7.91 kB [rendered]
[ng] chunk {tab2-tab2-module} tab2-tab2-module.js, tab2-tab2-module.js.map (tab2
-tab2-module) 6.48 kB [rendered]
[ng] chunk {tab3-tab3-module} tab3-tab3-module.js, tab3-tab3-module.js.map (tab3
-tab3-module) 6.49 kB [rendered]
[ng] chunk {tabs-tabs-module} tabs-tabs-module.js, tabs-tabs-module.js.map (tabs
-tabs-module) 9.92 kB [rendered]
[ng] chunk {vendor} vendor.js, vendor.js.map (vendor) 4.34 MB [initial] [rendere
d]
[ng]
[ng] ERROR in ./src/theme/variables.scss (./node_modules/@angular-devkit/build-a
ngular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-lo
ader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/the
me/variables.scss)
[ng] Module build failed (from ./node_modules/postcss-loader/src/index.js):
[ng] BrowserslistError: Unknown browser query basedir=$(dirname "$(echo "$0" | sed -e 's. Maybe you are using old Browserslist or made typo in query.
[ng] at unknownQuery (C:\Code\test2\node_modules\browserslist\index.js:137:1
0)
[ng] at C:\Code\test2\node_modules\browserslist\index.js:217:11
[ng] at Array.reduce ()
[ng] at resolve (C:\Code\test2\node_modules\browserslist\index.js:158:18)
[ng] at browserslist (C:\Code\test2\node_modules\browserslist\index.js:278:1
6)
[ng] at Browsers.parse (C:\Code\test2\node_modules\autoprefixer\lib\browsers
.js:66:12)
[ng] at new Browsers (C:\Code\test2\node_modules\autoprefixer\lib\browsers.j
s:48:26)
[ng] at loadPrefixes (C:\Code\test2\node_modules\autoprefixer\lib\autoprefix
er.js:85:20)
[ng] at plugin (C:\Code\test2\node_modules\autoprefixer\lib\autoprefixer.js:
96:20)
[ng] at LazyResult.run (C:\Code\test2\node_modules\postcss\lib\lazy-result.j
s:295:14)
[ng] at LazyResult.asyncTick (C:\Code\test2\node_modules\postcss\lib\lazy-re
sult.js:208:26)
[ng] at LazyResult.asyncTick (C:\Code\test2\node_modules\postcss\lib\lazy-re
sult.js:221:14)
[ng] at C:\Code\test2\node_modules\postcss\lib\lazy-result.js:213:17
[ng] ERROR in ./src/app/tab1/tab1.page.scss
[ng] Module build failed (from ./node_modules/postcss-loader/src/index.js):
[ng] BrowserslistError: Unknown browser query basedir=$(dirname "$(echo "$0" | sed -e 's. Maybe you are using old Browserslist or made typo in query.
[ng] at unknownQuery (C:\Code\test2\node_modules\browserslist\index.js:137:1
0)
[ng] at C:\Code\test2\node_modules\browserslist\index.js:217:11
[ng] at Array.reduce ()
[ng] at resolve (C:\Code\test2\node_modules\browserslist\index.js:158:18)
[ng] at browserslist (C:\Code\test2\node_modules\browserslist\index.js:278:1
6)
[ng] at Browsers.parse (C:\Code\test2\node_modules\autoprefixer\lib\browsers
.js:66:12)
[ng] at new Browsers (C:\Code\test2\node_modules\autoprefixer\lib\browsers.j
s:48:26)
[ng] at loadPrefixes (C:\Code\test2\node_modules\autoprefixer\lib\autoprefix
er.js:85:20)
[ng] at plugin (C:\Code\test2\node_modules\autoprefixer\lib\autoprefixer.js:
96:20)
[ng] at LazyResult.run (C:\Code\test2\node_modules\postcss\lib\lazy-result.j
s:295:14)
[ng] at LazyResult.asyncTick (C:\Code\test2\node_modules\postcss\lib\lazy-re
sult.js:208:26)
[ng] at LazyResult.asyncTick (C:\Code\test2\node_modules\postcss\lib\lazy-re
sult.js:221:14)
[ng] at C:\Code\test2\node_modules\postcss\lib\lazy-result.js:213:17
[ng] ERROR in ./src/global.scss (./node_modules/@angular-devkit/build-angular/sr
c/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src?
?embedded!./node_modules/sass-loader/lib/loader.js??ref–14-3!./src/global.scss)

[ng] Module build failed (from ./node_modules/postcss-loader/src/index.js):
[ng] BrowserslistError: Unknown browser query basedir=$(dirname "$(echo "$0" | sed -e 's. Maybe you are using old Browserslist or made typo in query.
[ng] at unknownQuery (C:\Code\test2\node_modules\browserslist\index.js:137:1
0)
[ng] at C:\Code\test2\node_modules\browserslist\index.js:217:11
[ng] at Array.reduce ()
[ng] at resolve (C:\Code\test2\node_modules\browserslist\index.js:158:18)
[ng] at browserslist (C:\Code\test2\node_modules\browserslist\index.js:278:1
6)
[ng] at Browsers.parse (C:\Code\test2\node_modules\autoprefixer\lib\browsers
.js:66:12)
[ng] at new Browsers (C:\Code\test2\node_modules\autoprefixer\lib\browsers.j
s:48:26)
[ng] at loadPrefixes (C:\Code\test2\node_modules\autoprefixer\lib\autoprefix
er.js:85:20)
[ng] at plugin (C:\Code\test2\node_modules\autoprefixer\lib\autoprefixer.js:
96:20)
[ng] at LazyResult.run (C:\Code\test2\node_modules\postcss\lib\lazy-result.j
s:295:14)
[ng] at LazyResult.asyncTick (C:\Code\test2\node_modules\postcss\lib\lazy-re
sult.js:208:26)
[ng] at LazyResult.asyncTick (C:\Code\test2\node_modules\postcss\lib\lazy-re
sult.js:221:14)
[ng] at C:\Code\test2\node_modules\postcss\lib\lazy-result.js:213:17
[ng] ERROR in ./src/app/tabs/tabs.page.scss
[ng] Module build failed (from ./node_modules/postcss-loader/src/index.js):
[ng] BrowserslistError: Unknown browser query basedir=$(dirname "$(echo "$0" | sed -e 's. Maybe you are using old Browserslist or made typo in query.
[ng] at unknownQuery (C:\Code\test2\node_modules\browserslist\index.js:137:1
0)
[ng] at C:\Code\test2\node_modules\browserslist\index.js:217:11
[ng] at Array.reduce ()
[ng] at resolve (C:\Code\test2\node_modules\browserslist\index.js:158:18)
[ng] at browserslist (C:\Code\test2\node_modules\browserslist\index.js:278:1
6)
[ng] at Browsers.parse (C:\Code\test2\node_modules\autoprefixer\lib\browsers
.js:66:12)
[ng] at new Browsers (C:\Code\test2\node_modules\autoprefixer\lib\browsers.j
s:48:26)
[ng] at loadPrefixes (C:\Code\test2\node_modules\autoprefixer\lib\autoprefix
er.js:85:20)
[ng] at plugin (C:\Code\test2\node_modules\autoprefixer\lib\autoprefixer.js:
96:20)
[ng] at LazyResult.run (C:\Code\test2\node_modules\postcss\lib\lazy-result.j
s:295:14)
[ng] at LazyResult.asyncTick (C:\Code\test2\node_modules\postcss\lib\lazy-re
sult.js:208:26)
[ng] at LazyResult.asyncTick (C:\Code\test2\node_modules\postcss\lib\lazy-re
sult.js:221:14)
[ng] at C:\Code\test2\node_modules\postcss\lib\lazy-result.js:213:17
[ng] at process._tickCallback (internal/process/next_tick.js:68:7)
[ng] ERROR in ./src/app/tab2/tab2.page.scss
[ng] Module build failed (from ./node_modules/postcss-loader/src/index.js):
[ng] BrowserslistError: Unknown browser query basedir=$(dirname "$(echo "$0" | sed -e 's. Maybe you are using old Browserslist or made typo in query.
[ng] at unknownQuery (C:\Code\test2\node_modules\browserslist\index.js:137:1
0)
[ng] at C:\Code\test2\node_modules\browserslist\index.js:217:11
[ng] at Array.reduce ()
[ng] at resolve (C:\Code\test2\node_modules\browserslist\index.js:158:18)
[ng] at browserslist (C:\Code\test2\node_modules\browserslist\index.js:278:1
6)
[ng] at Browsers.parse (C:\Code\test2\node_modules\autoprefixer\lib\browsers
.js:66:12)
[ng] at new Browsers (C:\Code\test2\node_modules\autoprefixer\lib\browsers.j
s:48:26)
[ng] at loadPrefixes (C:\Code\test2\node_modules\autoprefixer\lib\autoprefix
er.js:85:20)
[ng] at plugin (C:\Code\test2\node_modules\autoprefixer\lib\autoprefixer.js:
96:20)
[ng] at LazyResult.run (C:\Code\test2\node_modules\postcss\lib\lazy-result.j
s:295:14)
[ng] at LazyResult.asyncTick (C:\Code\test2\node_modules\postcss\lib\lazy-re
sult.js:208:26)
[ng] at LazyResult.asyncTick (C:\Code\test2\node_modules\postcss\lib\lazy-re
sult.js:221:14)
[ng] at C:\Code\test2\node_modules\postcss\lib\lazy-result.js:213:17
[ng] at process._tickCallback (internal/process/next_tick.js:68:7)
[ng] ERROR in ./src/app/tab3/tab3.page.scss
[ng] Module build failed (from ./node_modules/postcss-loader/src/index.js):
[ng] BrowserslistError: Unknown browser query basedir=$(dirname "$(echo "$0" | sed -e 's. Maybe you are using old Browserslist or made typo in query.
[ng] at unknownQuery (C:\Code\test2\node_modules\browserslist\index.js:137:1
0)
[ng] at C:\Code\test2\node_modules\browserslist\index.js:217:11
[ng] at Array.reduce ()
[ng] at resolve (C:\Code\test2\node_modules\browserslist\index.js:158:18)
[ng] at browserslist (C:\Code\test2\node_modules\browserslist\index.js:278:1
6)
[ng] at Browsers.parse (C:\Code\test2\node_modules\autoprefixer\lib\browsers
.js:66:12)
[ng] at new Browsers (C:\Code\test2\node_modules\autoprefixer\lib\browsers.j
s:48:26)
[ng] at loadPrefixes (C:\Code\test2\node_modules\autoprefixer\lib\autoprefix
er.js:85:20)
[ng] at plugin (C:\Code\test2\node_modules\autoprefixer\lib\autoprefixer.js:
96:20)
[ng] at LazyResult.run (C:\Code\test2\node_modules\postcss\lib\lazy-result.j
s:295:14)
[ng] at LazyResult.asyncTick (C:\Code\test2\node_modules\postcss\lib\lazy-re
sult.js:208:26)
[ng] at LazyResult.asyncTick (C:\Code\test2\node_modules\postcss\lib\lazy-re
sult.js:221:14)
[ng] at C:\Code\test2\node_modules\postcss\lib\lazy-result.js:213:17
[ng] at process._tickCallback (internal/process/next_tick.js:68:7)
[ng] ERROR in ./ansi-html 1:0
[ng] Module parse failed: Unexpected character ‘#’ (1:0)
[ng] You may need an appropriate loader to handle this file type.
[ng] > #!/bin/sh
[ng] | basedir=(dirname "(echo “$0” | sed -e ‘s,\,/,g’)")
[ng] |
[ng] i ?wdm?: Failed to compile.

Posts: 1

Participants: 1

Read full topic

@basket wrote:

Default check is not work, when it is called with ngModel.

<ion-radio-group [(ngModel)]=“test”>
<ion-item>
<ion-label>A</ion-label>
<ion-radio value=“right” checked></ion-radio>
</ion-item>
<ion-item>
<ion-label>b</ion-label>
<ion-radio value=“left”></ion-radio>
</ion-item>
</ion-radio-group>

But It works fine, when remove ngModel.

<ion-radio-group [(ngModel)]=“test”>
<ion-item>
<ion-label>A</ion-label>
<ion-radio value=“right” checked></ion-radio>
</ion-item>
<ion-item>
<ion-label>b</ion-label>
<ion-radio value=“left”></ion-radio>
</ion-item>
</ion-radio-group>

Posts: 1

Participants: 1

Read full topic

@mgaforever wrote:

Hello,
I can not implement the paypal payment in my app,
when I invoke the paypal function, the following error occurs
Object (…) is not a function
I have already changed the file json package.json the field
“@ ionic-native / paypal”: “5.0.0-alpha.3”,
and if I give the command “npm install”
the following error comes out to me
npm WARN @ ionic-native / paypal @ 5.0.0-alpha.3 requires a peer of @ ionic-native / core @ 5.0.0-alpha.3 but none is installed. You must install peer dependencies yourself.
thanks for any help

Posts: 1

Participants: 1

Read full topic

@tomwest1980 wrote:

Hi, I have a problem when deploying my app to IOS via test flight and trying to access the current geolocation.

I am using the geolocationservice.getCurrentPosition() but it is returning an error code of 2 and a message of “Origin does not have permission to use Geolocation service”.

I have seen others with the same issue, but I cannot seem to resolve it on IOS (Android apk is ok).

I have set the plist settings with my own privacy message which is appearing in the dialog when the permission is requested.

I have also upped the timeout as this has also been an issue, but has not resolved my issue.

I have also ensured that the platform is ready before asking for the location.

Any other help would be appreciated. The only thing I have read is that livereload can cause the issue as it is not over HTTPS. This shouldn’t be an issue on the phone, but what I’m unsure of is if my API calls to HTTP are impacting this?

Posts: 1

Participants: 1

Read full topic

@Yasirjani wrote:

typescript error
Type FifthPage in G:/ionic_apps/PrayerApp2/blank/src/pages/fifth/fifth.ts is part of the declarations of 2
modules: AppModule in G:/ionic_apps/PrayerApp2/blank/src/app/app.module.ts and FifthPageModule in
G:/ionic_apps/PrayerApp2/blank/src/pages/fifth/fifth.module.ts! Please consider moving FifthPage in
G:/ionic_apps/PrayerApp2/blank/src/pages/fifth/fifth.ts to a higher module that imports AppModule in
G:/ionic_apps/PrayerApp2/blank/src/app/app.module.ts and FifthPageModule in
G:/ionic_apps/PrayerApp2/blank/src/pages/fifth/fifth.module.ts. You can also create a new NgModule that
exports and includes FifthPage in G:/ionic_apps/PrayerApp2/blank/src/pages/fifth/fifth.ts then import that
NgModule in AppModule in G:/ionic_apps/PrayerApp2/blank/src/app/app.module.ts and FifthPageModule in
G:/ionic_apps/PrayerApp2/blank/src/pages/fifth/fifth.module.ts.

Error: The Angular AoT build failed. See the issues above

---

Hi, I have the above problem when I try to run command
“ionic cordova build android --prod --release”

Please help me. Thanks

Posts: 1

Participants: 1

Read full topic

@AdelAddo wrote:

[ts]
Type ‘InAppBrowserOriginal’ is not assignable to type ‘Provider’.
Type ‘InAppBrowserOriginal’ is missing the following properties from type ‘FactoryProvider’: provide, useFactory [2322]

Inappbrowser.PNG713×254 13.3 KB

Posts: 1

Participants: 1

Read full topic

@jfan29 wrote:

I’m trying to replace the location strategy by condition prod/dev

I console.log(IonicENV.mode) <= this loges true

 { provide: LocationStrategy, useClass: (IonicENV.mode == "prod") ? PathLocationStrateg HashLocationStrategy }

Although IonicEnv.mode returns prod, so the condition is true. but it always goes into using HashlocationStrategy.
There is no logical explanation at all…

if I do

      { provide: LocationStrategy, useClass: (console.log(IonicENV.mode == "prod")) ? PathLocationStrategy : HashLocationStrategy }

Then everything works correctly on the server. it meets the true condition and goes into using pathLocationStrategy… Any explanations…anyone??

Posts: 2

Participants: 1

Read full topic

@iScott wrote:

Anyone else running into this?
It was working fine the other day. I haven’t changed/updated/touched node or ionic, or the project and now I went to run ionic serve and get the error:

TypeError: Right-hand side of ‘instanceof’ is not an object⏎

Anything I try to run gives the same error:
ionic
ionic -v

Any ideas?

Thanks.

Posts: 1

Participants: 1

Read full topic

@Lona wrote:

Hi,

I’ve got a app, where I want to retrieve data from a server and use these values from multiple pages. Prefer only one http call.

How do I store the data? In a Service? But how?

Posts: 1

Participants: 1

Read full topic