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

Gerar projeto ionic versão 3

$
0
0

@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


Local notification i can not get out any sound? HELP?

$
0
0

@CreativeArtDesign wrote:

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

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

Versioning, Changelog and CI

$
0
0

@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

Cannot launch a signed/aligned app (Google Play)

$
0
0

@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

TypeError: Cannot read property 'dismiss' of undefined

$
0
0

@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

Stylize Caret - Ionic 4

$
0
0

@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

Special effects:

$
0
0

@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

Integration of UPI payment options like Google Pay, Phonepe, Paytm

$
0
0

@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


How can i make myApp show the alarms to the user at a specific

$
0
0

@tderassa wrote:

I want to make myApp show the alarms to the user at a specific time and appear on the screen just like the system alarm clock, i tried, but did not succeed because if the user closed the app completely then ends (BackgroundMode) also i tried (Local-Notification) it does However, the notifications do not last for only a few seconds, and this is not true as a alarms.

What is the solution? Please help me because my application depends on alarms completely

Posts: 1

Participants: 1

Read full topic

Ion-list show only horizontal data in ionic - 4

$
0
0

@manojpatel0217 wrote:

Ion-list is placing all elements in horizontal only in ionic-4.
12-11-56-17

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

12-12-05-06

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

Posts: 1

Participants: 1

Read full topic

Issues using linear-gradient with CSS

$
0
0

@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.



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

Game promotions

How to solve the 'Access Denied (public key)' problem

$
0
0

@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

How to add Calendar in ionic app

Ionic 3 file choose

$
0
0

@mfouash wrote:

i want from my app to let user attach file from his device
my API End Point expect file parameter

How Can I Get File As File not uri
thanks

Posts: 1

Participants: 1

Read full topic


All plugins stopped working after "ncu -u"

$
0
0

@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

I don’t want to install ionic 4 ! Help me please

$
0
0

@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

TypeError: Function expected

$
0
0

@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

Input cursor caret bug on IOS

$
0
0

@Indigolab wrote:

Hello guys, i have a problem when the position of an input changes after an animation, the caret cursor is not in the correct position as the image shows:

Iit is as if it stays stuck and after doing another action within the app corrects its position and is placed in the right place, its a really weird behavior, i tried to hide it with CSS but it does not work, it stays stuck in its initial position and the CSS classes seem not to affect it. I don’t know what else to do, please help me. This only happen on IOS.

My info:

cli packages: (/usr/local/lib/node_modules)

@ionic/cli-utils  : 1.19.2
ionic (Ionic CLI) : 3.20.0

global packages:

cordova (Cordova CLI) : 8.0.0 

local packages:

@ionic/app-scripts : 3.1.2
Cordova Platforms  : android 7.0.0 ios 4.5.5
Ionic Framework    : ionic-angular 3.9.2

System:

Android SDK Tools : 26.1.1
ios-deploy        : 1.9.1 
ios-sim           : 5.0.8 
Node              : v9.2.1
npm               : 6.1.0 
OS                : macOS
Xcode             : Xcode 10.1 Build version 10B61 

Environment Variables:

ANDROID_HOME : /Users/my-user-name/Library/Android/sdk

Misc:

backend : legacy

Posts: 1

Participants: 1

Read full topic

Ionic 4: style ion-slides bullets

$
0
0

@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

Viewing all 70439 articles
Browse latest View live


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