@maddan_mohit wrote:

I am using latest version of ionic 4.0.0
I am trying to update content of slider on button click but it doesn’t update the content even array values changed in TypeScript code.
Here us my view code:

<ion-slides class="main-slide" pager=true  loop="true"  #mainSlider [options]="mainSliderOpts">
  <ion-slide class="change-display" *ngFor="let product of products;">        
    <div class="item-container">
      <div class="strike-title">Strike Price</div>
      <div class="devider"></div>

      <p class="description">
        To at least what price do you think the stock will move from its current price if
        <strong>${{product.price}}</strong>?
      </p>
      <div class="lose" [ngClass]="{ 'profit': product.profit > 0,'lose':   product.profit < 0 }">
        <span *ngIf="product.profit > 0">+</span>{{product.profit}}%
      </div>


      <div class="price-contract">
        PRICE PER CONTRACT: <strong>${{product.contractPrice}}</strong>
      </div>

      <ion-button class="next-btn" (click)=priceSliderChanged() expand="full" color="dark">Change Values</ion-button>

    </div>
  </ion-slide>
</ion-slides>

And Here is my typescript code:

import { Component, ViewChild } from ‘@angular/core’;
import { IonSlides } from ‘@ionic/angular’;

@Component({
selector: ‘app-home’,
templateUrl: ‘home.page.html’,
styleUrls: [‘home.page.scss’],
})
export class HomePage {
@ViewChild(‘priceSlider’) priceSlider: IonSlides;
@ViewChild(‘mainSlider’) mainSlider: IonSlides;

products: any = ;
priceSliderOpts = {
slidesPerView: 2
};

mainSliderOpts = {
effect: ‘flip’,
slidesPerView: 1,
lockSwipeToNext: true,
loop: true,
onInit: (slides: any) => {
alert(“Init!!”);
}

};
ionViewDidEnter() {
//lock manual swipe for main slider
this.mainSlider.lockSwipeToNext(true);
this.mainSlider.lockSwipeToPrev(true);
}

prices: number = [
297.50,
295.00,
292.75,
290.75
];

next() {

this.mainSlider.lockSwipeToNext(false);
this.mainSlider.slideNext();
this.mainSlider.lockSwipeToNext(true);

}

randomIntFromInterval(min, max) {
return Math.floor(Math.random() * (max - min + 1) + min);
}

constructor() {
this.products = [
{
title: ‘NFLX’,
price: 313.2,
prices: [
297.50,
295.00,
292.75,
290.75
],
profit: 4,
contractPrice: 400 //defalt price
},
{
title: ‘NFLX 1’,
price: 413.2,
prices: [
297.50,
295.00,
292.75,
290.75
],
profit: -6.6,
contractPrice: 500 //defalt price
},
{
title: ‘NFLX 2’,
price: 213.2,
prices: [
297.50,
295.00,
292.75,
290.75
],
profit: -7,
contractPrice: 300 //defalt price
}
]
}
priceSliderChanged() {

this.mainSlider.getActiveIndex().then((index) => {
  var activeProduct = this.products[index];
  activeProduct.profit = this.randomIntFromInterval(-5, 6);
  activeProduct.contractPrice = this.randomIntFromInterval(350, 460);
  //setTimeout(()=>{
  this.mainSlider.update().then((d: any) => {
   // alert(d);
  });
});

}
}

As you can see contractPrice was changed successfully if I console but not changed in ‘.price-contract’ div.

Thanks for your help.

Posts: 1

Participants: 1

Read full topic

@reedrichards wrote:

I host a PWA build with Ionic v4 Angular v7 on Firebase

When iOS user access it for the first time, use it and had it to their homes teen it’s all good

If I redeploy the app on Firebase, then next time they start/access the app they will encounter a white screen of death

If the safari browser cache is cleaned, then at least in the browser it works again but the app added to the home screen still face the white screen

I use the @angular/pwa to bundle the service worker

Any idea what the heck?

Posts: 1

Participants: 1

Read full topic

@Lucas098 wrote:

Ionic framework agora com a CLI padrão gera o projeto para ionic 4, gostaria de saber quais comandos são necessários para gerar o projeto com a versão do ionic 3.

Posts: 1

Participants: 1

Read full topic

@CreativeArtDesign wrote:

This is my code but it does not play any sound… what is wrong?

import { Component } from '@angular/core';
import { LocalNotifications } from '@ionic-native/local-notifications/ngx';
import { Storage } from '@ionic/storage';
import { NavController, AlertController, Platform } from '@ionic/angular';
import { ToastController } from '@ionic/angular';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})

export class HomePage {
  constructor(
    public navController: NavController,
    public navCtrl: NavController,
    private plt: Platform,
    private localNotifications: LocalNotifications,
    private alertController: AlertController,
    private toastController: ToastController) {



      this.localNotifications.on('trigger').subscribe(notification => {
          this.presentToast();
      });
      this.localNotifications.on('yes').subscribe(notification => {
          this.presentAlert(notification.data.meetingId);
      });
      this.localNotifications.on('no').subscribe(notification => {
          this.presentAlert(notification.data.meetingId);
      });
    }


// TRIGGER
  async presentToast() {
    const toast = await this.toastController.create({
      message: 'Stop the Sound!',
      duration: 2000
    });
    toast.present();
  }


  async presentAlert(test) {
    const alert = await this.alertController.create({
      header: 'Alert',
      subHeader: 'Subtitle',
      message: test,
      buttons: ['OK']
    });

    await alert.present();
  }



// On load or every check!
  scheduleNotification() {
    this.localNotifications.schedule({
          id: 1,
          led: { color: '#FF00FF', on: 500, off: 500 },
          title: 'Spela upp Athan - 1',
          text: 'Abdelbaset Athan spela upp.',
          trigger: {at: new Date(new Date().getTime() + 3000)},
          data: { meetingId:"Athan - 1" },
          sound: 'file://assets/sms.mp3',
          actions: [
            { id: 'yes', title: 'Ok, fortsätt lyssna!' },
            { id: 'no',  title: 'Stopa Athan' }
          ]
      });
  }


}

Posts: 1

Participants: 1

Read full topic

@shepard wrote:

Maybe this is not the best forum for this question but, here goes.

I am building, primarily, a PWA.
I auto-increment my Version in my build script using NPM version.
eg: "build-patch": "npm version patch --force && node versionup.js && ng build --prod"

This will increase my version (patch) in the package.json and rewrite a file called version.ts in my environments folder. The version.ts is accessible in the app at runtime for visual display to the user and referencing against during @angular/service-worker updates.available handler (for detecting PWA version changes).

I am using CircleCI for Continuous Integration.
Upon a git commit/push, CircleCI will build this new version and deploy it to my server.

This works but I doubt it is standard practice.
How do You handle this?

I am also looking for suggestion for Changlog writes. I am not looking for just GIT changes. I would like it more personalized with descriptions better understood by end users of the app.
I’m not sure if the changelog would be better created as a file during this build process or just created in a database and edited as desired.

Opinions?

Posts: 1

Participants: 1

Read full topic

@NorthFred wrote:

I am having issues with my newest project, when I try to launch a signed/aligned .apk which was installed either locally or via Google Play Store. Installation works fine, the app boots up, but won’t get past the loading screen. It stays in that state forever.

I have done all the necessary building and signing steps, as I have done in another project, where I was able to successfully build, sign and publish the app (and the app works…)

When I install the debug version of the apk, everything works fine.

I have also tried signing with a new keystore certificate, but with the same result. So I suspect that my environment is the culprit.

I would appreciate it if someone could take a look at these:

Ionic:

   ionic (Ionic CLI)  : 4.9.0 (C:\Users\______\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.1

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : not available
   Cordova Plugins       : not available

System:

   Android SDK Tools : 26.1.1 (D:\AndroidDevelopmentSDK)
   NodeJS            : v8.9.4 (D:\NodeJS\node.exe)
   npm               : 6.1.0
   OS                : Windows 10

package.json:

{
  "name": "Quite Some App which won't get past the Loading screen...",
  "version": "0.9.3",
  "author": "That's me",
  "homepage": "",
  "private": true,
  "scripts": {
    "start": "ionic-app-scripts serve",
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build --minifycss --optimizejs --minifyjs --release",
    "lint": "ionic-app-scripts lint"
  },
  "dependencies": {
    "@angular/animations": "5.2.11",
    "@angular/common": "5.2.11",
    "@angular/compiler": "5.2.11",
    "@angular/compiler-cli": "5.2.11",
    "@angular/core": "^5.2.11",
    "@angular/fire": "^5.1.1",
    "@angular/forms": "5.2.11",
    "@angular/http": "5.2.11",
    "@angular/platform-browser": "5.2.11",
    "@angular/platform-browser-dynamic": "5.2.11",
    "@firebase/database": "^0.2.1",
    "@ionic-native/app-minimize": "^4.18.0",
    "@ionic-native/app-version": "^4.18.0",
    "@ionic-native/call-number": "^4.18.0",
    "@ionic-native/camera": "^4.18.0",
    "@ionic-native/core": "^4.18.0",
    "@ionic-native/keyboard": "^4.18.0",
    "@ionic-native/mobile-accessibility": "^4.17.0",
    "@ionic-native/splash-screen": "^4.17.0",
    "@ionic-native/status-bar": "^4.17.0",
    "@ionic-native/toast": "^4.18.0",
    "@ionic/storage": "2.1.3",
    "@ngx-translate/core": "8.0.0",
    "@ngx-translate/http-loader": "^2.0.0",
    "@ultimate/ngxerrors": "^1.4.0",
    "angularfire2": "^5.1.1",
    "call-number": "1.0.1",
    "chart.js": "^2.7.3",
    "cordova-android": "7.1.4",
    "cordova-browser": "5.0.4",
    "cordova-ios": "4.5.5",
    "cordova-plugin-app-version": "^0.1.9",
    "cordova-plugin-appminimize": "1.0.1",
    "cordova-plugin-camera": "^4.0.3",
    "cordova-plugin-device": "^2.0.2",
    "cordova-plugin-ionic-keyboard": "^2.1.3",
    "cordova-plugin-ionic-webview": "2.3.1",
    "cordova-plugin-network-information": "git+https://github.com/apache/cordova-plugin-network-information.git",
    "cordova-plugin-splashscreen": "^5.0.2",
    "cordova-plugin-statusbar": "^2.4.2",
    "cordova-plugin-update": "^0.1.0",
    "cordova-plugin-whitelist": "^1.3.3",
    "dns": "^0.2.2",
    "emailjs-com": "^2.3.2",
    "firebase": "^5.8.2",
    "ionic-angular": "^3.9.2",
    "ionicons": "^3.0.0",
    "jsrsasign": "^8.0.12",
    "mx.ferreyra.callnumber": "~0.0.2",
    "ng-gapi": "0.0.6",
    "nodemailer": "^4.7.0",
    "phonegap-plugin-mobile-accessibility": "1.0.5",
    "require": "^2.4.20",
    "rxjs": "^5.6.0-forward-compat.5",
    "rxjs-compat": "^6.3.3",
    "sw-toolbox": "3.6.0",
    "typescript": "^3.1.3",
    "vanilla-js-calendar": "^1.1.0",
    "zone.js": "0.8.26"
  },
  "devDependencies": {
    "@ionic/app-scripts": "^3.1.1"
  },
  "description": "App",
  "cordova": {
    "plugins": {
      "cordova-plugin-whitelist": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-keyboard": {},
      "cordova-plugin-camera": {},
      "cordova-plugin-app-version": {},
      "phonegap-plugin-mobile-accessibility": {},
      "mx.ferreyra.callnumber": {},
      "cordova-plugin-appminimize": {},
      "cordova-plugin-ionic-webview": {
        "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
      }
    },
    "platforms": [
      "ios",
      "browser",
      "android"
    ]
  }
}

config.xml:

<?xml version='1.0' encoding='utf-8'?>
<widget id="xx.xxxxxxxxxxxxx.xx" version="0.9.3" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>App Name Here</name>
    <description>An Awesome App which does not work</description>
    <author email="hihi.haha@world.com" href="">AuthorName</author>
    <content src="index.html" />
    <access origin="*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <preference name="ScrollEnabled" value="false" />
    <preference name="android-minSdkVersion" value="21" />
    <preference name="BackupWebStorage" value="none" />
    <preference name="SplashMaintainAspectRatio" value="true" />
    <preference name="AutoHideSplashScreen" value="false" />
    <preference name="ShowSplashScreen" value="true" />
    <preference name="FadeSplashScreen" value="true" />
    <preference name="SplashScreenSpinnerColor" value="#222" />
    <preference name="FadeSplashScreenDuration" value="500" />
    <preference name="SplashShowOnlyFirstTime" value="false" />
    <preference name="SplashScreen" value="screen" />
    <preference name="SplashScreenDelay" value="3000" />
    <platform name="android">
        <allow-intent href="market:*" />
           ... [edited to reserve space] ...
    </platform>
    <platform name="ios">
           ... [edited to reserve space] ...
    </platform>
    <plugin name="cordova-plugin-whitelist" spec="1.3.3" />
    <plugin name="cordova-plugin-statusbar" spec="2.4.2" />
    <plugin name="cordova-plugin-device" spec="2.0.2" />
    <plugin name="cordova-plugin-splashscreen" spec="5.0.2" />
    <plugin name="cordova-plugin-camera" spec="^4.0.3" />
    <plugin name="cordova-plugin-app-version" spec="^0.1.9" />
    <plugin name="cordova-plugin-ionic-keyboard" spec="^2.1.3" />
    <plugin name="phonegap-plugin-mobile-accessibility" spec="1.0.5" />
    <plugin name="mx.ferreyra.callnumber" spec="~0.0.2" />
    <plugin name="cordova-plugin-appminimize" spec="1.0.1" />
    <plugin name="cordova-plugin-ionic-webview" spec="2.3.1">
        <variable name="ANDROID_SUPPORT_ANNOTATIONS_VERSION" value="27.+" />
    </plugin>
    <engine name="ios" spec="4.5.5" />
    <engine name="browser" spec="5.0.4" />
    <engine name="android" spec="7.1.4" />
</widget>

Posts: 1

Participants: 1

Read full topic

@aiherrera86 wrote:

Hi everyone!
I have implemented a service with two methods for creating and closing a loading controller, like this.

async presentLoading(message: string = '') {
    this.loading = await this.loadingCtrl.create({
      message: message
    });
    await this.loading.present();
  }

  async dismissLoading() {
    console.log(this.loading);
    await this.loading.dismiss();
  }

I call the presentLoading method before an api call and dismissLoading after recieved the data back. It works fine, but if I refresh the browser it prints this error in the console:

core.js:15713 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'dismiss' of undefined
TypeError: Cannot read property 'dismiss' of undefined
    at HelpersService.<anonymous> (helpers.service.ts:25)
    at step (tslib.es6.js:97)
    at Object.next (tslib.es6.js:78)
    at tslib.es6.js:71
    at new ZoneAwarePromise (zone.js:910)
    at Module.__awaiter (tslib.es6.js:67)
    at HelpersService.push../src/services/helpers.service.ts.HelpersService.dismissLoading (helpers.service.ts:23)
    at SafeSubscriber._next (edit.page.ts:46)
    at SafeSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.__tryOrUnsub (Subscriber.js:194)
    at SafeSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.next (Subscriber.js:132)
    at HelpersService.<anonymous> (helpers.service.ts:25)
    at step (tslib.es6.js:97)
    at Object.next (tslib.es6.js:78)
    at tslib.es6.js:71
    at new ZoneAwarePromise (zone.js:910)
    at Module.__awaiter (tslib.es6.js:67)
    at HelpersService.push../src/services/helpers.service.ts.HelpersService.dismissLoading (helpers.service.ts:23)
    at SafeSubscriber._next (edit.page.ts:46)
    at SafeSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.__tryOrUnsub (Subscriber.js:194)
    at SafeSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.next (Subscriber.js:132)
    at resolvePromise (zone.js:831)
    at new ZoneAwarePromise (zone.js:913)
    at Module.__awaiter (tslib.es6.js:67)
    at HelpersService.push../src/services/helpers.service.ts.HelpersService.dismissLoading (helpers.service.ts:23)
    at SafeSubscriber._next (edit.page.ts:46)
    at SafeSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.__tryOrUnsub (Subscriber.js:194)
    at SafeSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.next (Subscriber.js:132)
    at Subscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._next (Subscriber.js:76)
    at Subscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.next (Subscriber.js:53)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/operators/map.js.MapSubscriber._next (map.js:41)

Posts: 1

Participants: 1

Read full topic

@wfuener wrote:

Is it possible to change the caret in the Ionic 4 ion-select statement, or remove the caret so a custom one can be added in its place?

Posts: 1

Participants: 1

Read full topic

@vanirajendran wrote:

Hello all,

I want to do some special effects inside my ionic app. Have anyone done this.
Like firecrackers when user presses a button. or balloon fly when user presses a button.
Like how imessage has screen feature. I would like to implement in my mobile app.

Other example, in fitbit when user meet the goal it makes celebration like firecrackers. I want to have that inside my app when user press a button.

Anyone done these using ionic framework. Currently I am on ionic V4

Posts: 1

Participants: 1

Read full topic

@mrc_prasad wrote:

Hi, I am developing an application using ionic3. I have a requirement to integrate payment options like paytm, google pay, phonepe. Is there any possibility to include such payment options in ionic application. If any such kind of options please do let me know. Thanks in Advance.

Regards,
M.R.C.Prasad

Posts: 1

Participants: 1

Read full topic

@manojpatel0217 wrote:

Ion-list is placing all elements in horizontal only in ionic-4.

We want to place them vertical in one row
i.e. icon on left side and on right side name under that date etc.

Can anyone help me out to achieve this.
Thanks in advance

Posts: 1

Participants: 1

Read full topic

@hillad wrote:

I have two buttons (one outlined and one filled) and I am trying to set various parts of them to be a gradient using linear-gradient but the gradient never displays. If I substitute the linear-gradient() with #000000 the text/border show up as black just fine.

Screen Shot 2019-02-11 at 11.03.41 PM.png1316×724 71.6 KB

Screen Shot 2019-02-11 at 11.03.50 PM.png956×144 56.3 KB

Anyone proficient in CSS able to help me out? I also did try -webkit-linear-gradient to no avail…

Posts: 1

Participants: 1

Read full topic

@andrei-evp wrote:

I am using macOS High Sierra 10.13.6. When I run the command ‘get push ionic master’ I get the error 'Permission denied (publickey).
fatal: Could not read from remote repository.

Please make sure you have the correct access rights.
and the repository exists.’

Posts: 1

Participants: 1

Read full topic

@axesve wrote:

Hey, so I’ve been trying to update all of my plugins to the latest versions and it has caused a massive issue, I cant serve or build the app anymore. Here is the error messages,

D:\Projekt\app>ionic serve -l
> ionic-app-scripts serve --address 0.0.0.0 --port 8100 --livereload-port 35729 --dev-logger-port 53703 --nobrowser
[app-scripts] [09:33:06]  ionic-app-scripts 3.2.2
[app-scripts] [09:33:07]  watch started ...
[app-scripts] [09:33:07]  build dev started ...
[app-scripts] [09:33:07]  clean started ...
[app-scripts] [09:33:07]  clean finished in 3 ms
[app-scripts] [09:33:07]  copy started ...
[app-scripts] [09:33:07]  deeplinks started ...
[app-scripts] [09:33:07]  deeplinks finished in 117 ms
[app-scripts] [09:33:07]  transpile started ...
[app-scripts] [09:33:12]  typescript: ...Projekt/app/node_modules/ionic-angular/umd/components/input/input.d.ts, line: 3
[app-scripts]             Module '"../../../../../../../Projekt/app/node_modules/rxjs/Subject"' has no exported member
[app-scripts]             'Subject'.
[app-scripts]        L2:  import { NgControl } from '@angular/forms';
[app-scripts]        L3:  import { Subject } from 'rxjs/Subject';
[app-scripts]        L4:  import 'rxjs/add/operator/takeUntil';
[app-scripts]             Module '"../../../../../../../Projekt/app/node_modules/rxjs/Subject"' has no exported member
[app-scripts]             'Subject'.
[app-scripts]        L1:  import { AfterViewInit, ElementRef, EventEmitter, Renderer, ViewContainerRef } from '@angular/core';
[app-scripts]        L2:  import { Subject } from 'rxjs/Subject';
[app-scripts] [09:33:12]  typescript: ...:/Projekt/app/node_modules/ionic-angular/umd/components/tabs/tabs.d.ts, line: 2
[app-scripts] [09:33:12]  typescript: D:/Projekt/app/node_modules/rxjs/Subject.d.ts, line: 1
[app-scripts] [09:33:12]  typescript: D:/Projekt/app/src/app/app.component.ts, line: 16
[app-scripts] [09:33:12]  typescript: D:/Projekt/app/src/app/app.component.ts, line: 16
[app-scripts] [09:33:12]  typescript: D:/Projekt/app/src/app/app.component.ts, line: 16
[app-scripts] [09:33:12]  typescript: D:/Projekt/app/src/app/app.module.ts, line: 44
[app-scripts] [09:33:12]  typescript: D:/Projekt/app/src/app/app.module.ts, line: 45
[app-scripts] [09:33:12]  typescript: D:/Projekt/app/src/app/app.module.ts, line: 46
[app-scripts] [09:33:12]  typescript: D:/Projekt/app/src/app/app.module.ts, line: 47
[app-scripts] [09:33:12]  typescript: D:/Projekt/app/src/app/app.module.ts, line: 48
[app-scripts] [09:33:12]  typescript: D:/Projekt/app/src/app/app.module.ts, line: 49
[app-scripts] [09:33:12]  typescript: D:/Projekt/app/src/app/app.module.ts, line: 50
[app-scripts]        L3:  import 'rxjs/add/operator/takeUntil';
[app-scripts]             Cannot find module 'rxjs-compat/Subject'.
[app-scripts]        L1:  export * from 'rxjs-compat/Subject';
[app-scripts]             Cannot find name 'StatusBar'.
[app-scripts]       L16:    constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen, private imageLoaderConfi
[app-scripts]             Cannot find name 'SplashScreen'.
[app-scripts]       L16:  tor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen, private imageLoaderConfig: ImageLo
[app-scripts]             Cannot find name 'Insomnia'.
[app-scripts]       L16:  rivate imageLoaderConfig: ImageLoaderConfig,private imageLoader: ImageLoader, private insomnia: Insomnia) {
[app-scripts]             Type 'StatusBarOriginal' is not assignable to type 'Provider'. Type 'StatusBarOriginal' is missing the
[app-scripts]             following properties from type 'ClassProvider': provide, useClass
[app-scripts]       L43:  providers: [
[app-scripts]       L44:    StatusBar,
[app-scripts]       L45:    SplashScreen,
[app-scripts]             Type 'SplashScreenOriginal' is not assignable to type 'Provider'. Type 'SplashScreenOriginal' is missing the
[app-scripts]             following properties from type 'ClassProvider': provide, useClass
[app-scripts]       L44:  StatusBar,
[app-scripts]       L45:  SplashScreen,
[app-scripts]       L46:  AdMobPro,
[app-scripts]             Type 'AdMobProOriginal' is not assignable to type 'Provider'. Type 'AdMobProOriginal' is missing the
[app-scripts]             following properties from type 'ClassProvider': provide, useClass
[app-scripts]       L45:  SplashScreen,
[app-scripts]       L46:  AdMobPro,
[app-scripts]       L47:  AndroidFullScreen,
[app-scripts]             Type 'AndroidFullScreenOriginal' is not assignable to type 'Provider'. Type 'AndroidFullScreenOriginal' is
[app-scripts]             missing the following properties from type 'ClassProvider': provide, useClass
[app-scripts]       L46:  AdMobPro,
[app-scripts]       L47:  AndroidFullScreen,
[app-scripts]       L48:  StatusBar,
[app-scripts]             Type 'StatusBarOriginal' is not assignable to type 'Provider'. Type 'StatusBarOriginal' is not assignable to
[app-scripts]             type 'ClassProvider'.
[app-scripts]       L47:  AndroidFullScreen,
[app-scripts]       L48:  StatusBar,
[app-scripts]       L49:  HeaderColor,
[app-scripts]             Type 'HeaderColorOriginal' is not assignable to type 'Provider'. Type 'HeaderColorOriginal' is missing the
[app-scripts]             following properties from type 'ClassProvider': provide, useClass
[app-scripts]       L48:  StatusBar,
[app-scripts]       L49:  HeaderColor,
[app-scripts]       L50:  InAppPurchase,
[app-scripts]             Type 'InAppPurchaseOriginal' is not assignable to type 'Provider'. Type 'InAppPurchaseOriginal' is missing
[app-scripts]             the following properties from type 'ClassProvider': provide, useClass
[app-scripts]       L49:  HeaderColor,
[app-scripts]       L50:  InAppPurchase,
[app-scripts]       L51:  Facebook,
[app-scripts]             Type 'FacebookOriginal' is not assignable to type 'Provider'. Type 'FacebookOriginal' is missing the
[app-scripts]             following properties from type 'ClassProvider': provide, useClass
[app-scripts]       L50:  InAppPurchase,
[app-scripts]       L51:  Facebook,
[app-scripts]       L52:  File,
[app-scripts]             Type 'FileOriginal' is not assignable to type 'Provider'. Type 'FileOriginal' is missing the following
[app-scripts]             properties from type 'ClassProvider': provide, useClass
[app-scripts]       L51:  Facebook,
[app-scripts]       L52:  File,
[app-scripts]       L53:  NativeStorage,
[app-scripts]             Type 'NativeStorageOriginal' is not assignable to type 'Provider'. Type 'NativeStorageOriginal' is missing
[app-scripts]             the following properties from type 'any[]': length, pop, push, concat, and 24 more.
[app-scripts]       L52:  File,
[app-scripts]       L53:  NativeStorage,
[app-scripts]       L54:  Insomnia,
[app-scripts]             Type 'InsomniaOriginal' is not assignable to type 'Provider'. Type 'InsomniaOriginal' is missing the
[app-scripts]             following properties from type 'ClassProvider': provide, useClass
[app-scripts]       L53:  NativeStorage,
[app-scripts]       L54:  Insomnia,
[app-scripts]       L55:  AppRate,
[app-scripts]             Type 'AppRateOriginal' is not assignable to type 'Provider'. Type 'AppRateOriginal' is missing the following
[app-scripts]             properties from type 'ClassProvider': provide, useClass
[app-scripts]       L54:  Insomnia,
[app-scripts]       L55:  AppRate,
[app-scripts]       L56:  LaunchReview,
[app-scripts]             Type 'LaunchReviewOriginal' is not assignable to type 'Provider'. Type 'LaunchReviewOriginal' is missing the
[app-scripts]             following properties from type 'ClassProvider': provide, useClass
[app-scripts]       L55:  AppRate,
[app-scripts]       L56:  LaunchReview,
[app-scripts]       L57:  GoogleAnalytics,
[app-scripts]             Cannot find name 'AdMobPro'.
[app-scripts]      L488:    constructor(public navCtrl: NavController, private admob: AdMobPro, private platform: Platform,
[app-scripts]      L489:      public http: Http, private iap: InAppPurchase, private fb: Facebook, private imageLoader: ImageLoader, private nativeStorage: NativeStorage, private launchReview: LaunchReview, private ga: GoogleAnalytics) {
[app-scripts]             Cannot find name 'InAppPurchase'.
[app-scripts]      L488:    constructor(public navCtrl: NavController, private admob: AdMobPro, private platform: Platform,
[app-scripts]      L489:      public http: Http, private iap: InAppPurchase, private fb: Facebook, private imageLoader: ImageLoader, p
[app-scripts]             Cannot find name 'Facebook'.
[app-scripts]      L488:    constructor(public navCtrl: NavController, private admob: AdMobPro, private platform: Platform,
[app-scripts]      L489:  ublic http: Http, private iap: InAppPurchase, private fb: Facebook, private imageLoader: ImageLoader, privat
[app-scripts]             Cannot find name 'NativeStorage'.
[app-scripts]      L488:    constructor(public navCtrl: NavController, private admob: AdMobPro, private platform: Platform,
[app-scripts]      L489:  ok, private imageLoader: ImageLoader, private nativeStorage: NativeStorage, private launchReview: LaunchRevi
[app-scripts]             Cannot find name 'LaunchReview'.
[app-scripts]      L488:    constructor(public navCtrl: NavController, private admob: AdMobPro, private platform: Platform,
[app-scripts]      L489:  r, private nativeStorage: NativeStorage, private launchReview: LaunchReview, private ga: GoogleAnalytics) {
[app-scripts] [09:33:12]  typescript: D:/Projekt/app/src/app/app.module.ts, line: 51
[app-scripts] [09:33:12]  typescript: D:/Projekt/app/src/app/app.module.ts, line: 52
[app-scripts] [09:33:12]  typescript: D:/Projekt/app/src/app/app.module.ts, line: 53
[app-scripts] [09:33:12]  typescript: D:/Projekt/app/src/app/app.module.ts, line: 54
[app-scripts] [09:33:12]  typescript: D:/Projekt/app/src/app/app.module.ts, line: 55
[app-scripts] [09:33:12]  typescript: D:/Projekt/app/src/app/app.module.ts, line: 56
[app-scripts] [09:33:12]  typescript: D:/Projekt/app/src/pages/home/home.ts, line: 488
[app-scripts] [09:33:12]  typescript: D:/Projekt/app/src/pages/home/home.ts, line: 489
[app-scripts] [09:33:12]  typescript: D:/Projekt/app/src/pages/home/home.ts, line: 489
[app-scripts] [09:33:12]  typescript: D:/Projekt/app/src/pages/home/home.ts, line: 489
[app-scripts] [09:33:12]  typescript: D:/Projekt/app/src/pages/home/home.ts, line: 489
> ionic-lab http://localhost:8100 --host localhost --port 8200 --project-type ionic-angular --app-name app --app-version 0.0.1

Ionic info

D:\Projekt\app>ionic info

Ionic:

   ionic (Ionic CLI)  : 4.10.2 (C:\Users\axel\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework    : ionic-angular 3.9.3
   @ionic/app-scripts : 3.2.2

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 7.1.4
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.3.2, (and 14 other plugins)

System:

   NodeJS : v8.12.0 (C:\Program Files\nodejs\node.exe)
   npm    : 6.4.1
   OS     : Windows 10

Any clues what I can do?

Posts: 1

Participants: 1

Read full topic

@microzaimsvitaliy177 wrote:

I need help ! I don’t want to install ionic 4 I don’t like it, but I can’t install ionic 3. How can I install ionic 3? If I do this - npm install -g ionic@3.20.1, then the installation hangs and nothing happens! Help me please.

Posts: 1

Participants: 1

Read full topic

@stemmo wrote:

Hi all,
I know that the error is os common but I’m not able to find the cause.
I generated a skeleton app by Creator, downloaded the project and compiled for Android.
I made some changes but now they are commented out (I guess…).
When I serve the project I see the error, both on browser and mobile.

Runtime Error
Function expected
Stack
TypeError: Function expected
at Anonymous function (http://localhost:8100/build/vendor.js:80670:5)
at Anonymous function (http://localhost:8100/build/vendor.js:80536:1)
at webpack_require (http://localhost:8100/build/vendor.js:55:12)
at 384 (http://localhost:8100/build/main.js:300:22)
at webpack_require (http://localhost:8100/build/vendor.js:55:12)
at 347 (http://localhost:8100/build/main.js:225:22)
at webpack_require (http://localhost:8100/build/vendor.js:55:12)
at 342 (http://localhost:8100/build/main.js:209:22)
at webpack_require (http://localhost:8100/build/vendor.js:55:12)
at webpackJsonpCallback (http://localhost:8100/build/vendor.js:26:14)

If I open the console window and click on the line 2.

1. HTML1300: È stata eseguita la navigazione. localhost:8100 (1,1)
2. SCRIPT5002: SCRIPT5002: Function expected
   vendor.js (80670,5)

I land in the index.js around a block of code related with the StatusBar :

__decorate([
Cordova({
sync: true
}),
__metadata(“design:type”, Function),
__metadata(“design:paramtypes”, [Boolean]),
__metadata(“design:returntype”, void 0)
], StatusBar.prototype, “overlaysWebView”, null);

Any help ??
Thanks

Posts: 1

Participants: 1

Read full topic

@Jagtlog wrote:

I’m using ion-slides on my intro page, but struggles with position and colors of the bullets. Added the following to my intro.page.scss without success, but moving it to global.scss it works. I prefer to have it on my intro.page.scss so what have I done wrong ?

.swiper-pagination-bullet-active {
    background:#C400FF !important;
}

.swiper-pagination-bullets {
    bottom: 10px !important;
}

Posts: 2

Participants: 2

Read full topic

@philippgsk wrote:

Hello there,
I would like to outsource my Front-End to a specific Front-End developer. Is it possible to build an ionic App just with HTML 5 and SCSS? So he don’t need to learn everything about ionic and its components. What are the benefits of using the ionic components and disadvantage not using them ?

Thanks

Posts: 1

Participants: 1

Read full topic

@IreneC wrote:

Hi everyone,

I am working with the component infinite scroll and sometimes it doesn’t work (don’t appear and scroll) when I know there are more results to show.

What can be happening?

Thank you very much in advance.

Posts: 2

Participants: 2

Read full topic

@viraj28 wrote:

I made an ionic application. But now I need a widget. So I import the ‘platform/android’ folder in android studio after doing ‘ionic cordova build android’ command.

I made a widget. But now I need to access some variable values from my TypeScript code of Ionic.

What I see is, there’s an assets folder inside which is ‘www’ which contains ‘main.js’.

Now this ‘main.js’ has some of my code but Ionic did some Magic on it

How can I access these variable so that I can Populate my Widgets items? Also is this the right way?
How do I build APK using Ionic commands after doing changes in Android Studio? Will everything get overwritten?

Posts: 1

Participants: 1

Read full topic