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

Ion input max value

February 3, 2019, 5:39 am
$
0
0

@borjftw wrote:

I just wanna ask if there is a possible way to set the maximum input value of a number in
Like, i have a input type that required number of hours and i want to limit the input type in only 24 because there is only 24 hours. It will be a great help thanks.

Posts: 1

Participants: 1

Read full topic

↧
Search

Using Angular Custom Decorators in an Ionic application (Final Part)

February 3, 2019, 6:54 am
↧
↧

Android Build Failing

February 3, 2019, 6:16 am
$
0
0

@nitindigme wrote:

From last two days I have been trying to build ionic for android, however I have started getting build error on mac.

FAILURE: Build failed with an exception.

  • What went wrong:
    A problem occurred configuring root project ‘android’.

Could not resolve all files for configuration ‘:classpath’.
Could not resolve com.google.gms:google-services:4.1.0.
Required by:
project :
Could not resolve com.google.gms:google-services:4.1.0.
Could not get resource ‘https://maven.google.com/com/google/gms/google-services/4.1.0/google-services-4.1.0.pom’.
Could not GET ‘https://maven.google.com/com/google/gms/google-services/4.1.0/google-services-4.1.0.pom’.
sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target
Could not resolve com.google.gms:google-services:4.1.0.
Could not get resource ‘https://jcenter.bintray.com/com/google/gms/google-services/4.1.0/google-services-4.1.0.pom’.
Could not GET ‘https://jcenter.bintray.com/com/google/gms/google-services/4.1.0/google-services-4.1.0.pom’.
sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target
Could not resolve com.google.gms:google-services:4.1.0.
Could not get resource ‘https://maven.fabric.io/public/com/google/gms/google-services/4.1.0/google-services-4.1.0.pom’.
Could not GET ‘https://maven.fabric.io/public/com/google/gms/google-services/4.1.0/google-services-4.1.0.pom’.
sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target
Could not resolve io.fabric.tools:gradle:1.25.4.
Required by:
project :
Could not resolve io.fabric.tools:gradle:1.25.4.
Could not get resource ‘https://maven.google.com/io/fabric/tools/gradle/1.25.4/gradle-1.25.4.pom’.
Could not GET ‘https://maven.google.com/io/fabric/tools/gradle/1.25.4/gradle-1.25.4.pom’.
sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target
Could not resolve io.fabric.tools:gradle:1.25.4.
Could not get resource ‘https://jcenter.bintray.com/io/fabric/tools/gradle/1.25.4/gradle-1.25.4.pom’.
Could not GET ‘https://jcenter.bintray.com/io/fabric/tools/gradle/1.25.4/gradle-1.25.4.pom’.
sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target
Could not resolve io.fabric.tools:gradle:1.25.4.
Could not get resource ‘https://maven.fabric.io/public/io/fabric/tools/gradle/1.25.4/gradle-1.25.4.pom’.
Could not GET ‘https://maven.fabric.io/public/io/fabric/tools/gradle/1.25.4/gradle-1.25.4.pom’.
sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target

  • Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

I have all certificates added in cacerts for java, still getting this issue.

Ionic Information

Ionic:

ionic (Ionic CLI) : 4.10.1 (/usr/local/lib/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 : android 7.1.4
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 3.1.1, (and 5 other plugins)

System:

Android SDK Tools : 26.1.1 (/Users/nitindig/Library/Android/sdk)
ios-deploy : 1.5.0
ios-sim : 3.1.1
NodeJS : v8.11.3 (/usr/local/bin/node)
npm : 6.4.1
OS : macOS Mojave
Xcode : Xcode 10.1 Build version 10B61

Posts: 1

Participants: 1

Read full topic

↧

Cannot querySelect input of ion-searchbar in Jasmine tests

February 3, 2019, 8:28 am
$
0
0

@welshcathy wrote:

I’m running a simple test - enter a value into an ion-searchbar.
In the browser I can run:

document.querySelector('ion-searchbar');  //=> returns search bar OK 
document.querySelector('input');  //=> returns input field OK

In my tests when I try to grab the input the following all fail:

    const el: HTMLElement = fixture.nativeElement;
    const input = el.querySelector('input');
    expect(input).not.toBeNull();  // FAILS 

    const bar = el.querySelector('ion-searchbar');
    expect(bar.innerHTML).not.toEqual(''); // FAILS
    expect(bar.shadowRoot).not.toBeNull();  // FAILS

HTML Page

<ion-header>
  <ion-toolbar>
    <ion-title>
      Test Page
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <ion-searchbar></ion-searchbar>
</ion-content>

Component Class

import { Component } from '@angular/core';

@Component({
  selector: 'app-test',
  templateUrl: './test.page.html',
  styleUrls: ['./test.page.scss'],
})
export class TestPage {

  constructor() { }

}

Test Spec

import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { async, ComponentFixture, TestBed } from '@angular/core/testing';

import { TestPage } from './test.page';

describe('TestPage', () => {
  let component: TestPage;
  let fixture: ComponentFixture<TestPage>;

beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [ TestPage ],
      schemas: [CUSTOM_ELEMENTS_SCHEMA],
    })
    .compileComponents();

  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(TestPage);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should create', () => {
    expect(component).toBeTruthy();
  });

  it('should have an searchbar', () => {
    const el: HTMLElement = fixture.nativeElement;
    const bar = el.querySelector('ion-searchbar');
    fixture.detectChanges();
    expect(bar).not.toBeNull();  // FAILS
    expect(bar.shadowRoot).not.toBeNull();  // FAILS
  });

  it('should have an input field', () => {
    const el: HTMLElement = fixture.nativeElement;
    const input = el.querySelector('input');
    expect(input).not.toBeNull();  // FAILS
  });

});

Posts: 1

Participants: 1

Read full topic

↧

Module not found: Error: Can't resolve 'zlib' or 'stream'

February 3, 2019, 8:41 am
$
0
0

@DibbsZA wrote:

I am trying to build a website leveraging the Ionic 4 framework that will integrate uPort & Firebase.

During the compile, a dependancy from inside the uPort package tree (qr-image), throws the following errors:

ERROR in ./node_modules/qr-image/lib/qr.js
Module not found: Error: Cant resolve 'stream' in 'project/node_modules/qr-image/lib'
ERROR in ./node_modules/qr-image/lib/png.js
Module not found: Error: Cant resolve 'zlib' in 'project/node_modules/qr-image/lib'

I know these libraries are part of Node and should have been available to the project.

To verify this I created a new default Angular 7 project and added the same packages and there are no errors reported during compilation.

Is there some capability or package or rule checker that is perhaps absent from the specific Angular distro integrated into Ionic 4 that would cause this behaviour?

Any suggestions on how to overcome this limitation?

I also tried to directly run ng serve from inside the Ionic project and I did get this (along with the original error):
Your global Angular CLI version (7.3.0) is greater than your local version (7.2.4). The local Angular CLI version is used.

My Ionic Info:

   ionic (Ionic CLI)             : 4.10.1 (/Users/user/.nvm/versions/node/v10.15.0/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.0
   @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.0 (/Users/user/.nvm/versions/node/v10.15.0/bin/node)
   npm    : 6.7.0
   OS     : macOS Mojave

My package.json dependancies:

    "dependencies": {
        "@angular/common": "^7.2.2",
        "@angular/core": "^7.2.2",
        "@angular/fire": "^5.1.1",
        "@angular/forms": "^7.2.2",
        "@angular/http": "^7.2.2",
        "@angular/platform-browser": "^7.2.2",
        "@angular/platform-browser-dynamic": "^7.2.2",
        "@angular/router": "^7.2.2",
        "@ionic-native/core": "^5.0.0",
        "@ionic-native/splash-screen": "^5.0.0",
        "@ionic-native/status-bar": "^5.0.0",
        "@ionic/angular": "^4.0.0",
        "core-js": "^2.5.4",
        "did-jwt": "^0.1.1",
        "firebase": "^5.8.2",
        "rxjs": "~6.3.3",
        "uport-connect": "^1.1.2",
        "zone.js": "~0.8.29"
    },

Thanks

Posts: 1

Participants: 1

Read full topic

↧
↧

How to display Ionic Tabs on all pages?

February 3, 2019, 9:20 am
$
0
0

@Youtaka wrote:

I’m currently developing a mobile app with Ionic 4. I build it with Ionic CLI but I did a blank project. I created some component (like login, signup…) and after that, I added Tabs from Ionic.

My problem is, Ionic Tabs are presents only on pages in tabs.router.module.ts. How can I do to display Tabs on all pages ?

Except them, every component are in app-routing.module.ts, I tried to cut and paste them in tabs.router.module.ts but I’m not sure that’s a good thing to do.

tabs.routes.module.ts

const routes: Routes = [
  {
    path: 'tabs',
    component: TabsPage,
    children: [
      {
        path: 'home',
        children: [
          {
            path: '',
            loadChildren: '../home-page/tab1.module#HomePageModule'
          }
        ]
      },
      {
        path: 'game/new',
        children: [
          {
            path: '',
            loadChildren: '../game/create-game-page/tab2.module#CreateGamePageModule'
          }
        ]
      },
      {
        path: '',
        redirectTo: '/tabs/home',
        pathMatch: 'full'
      }
    ]
  },
  {
    path: '',
    redirectTo: '/tabs/home',
    pathMatch: 'full'
  }
];

I have another problem with my tabs. When I am on the tab1 page, the good icon is highlight, but it’s not working for the tab2 page.

Tab One: http://www.noelshack.com/2019-05-6-1549062619-capture.png

Tab Two: http://www.noelshack.com/2019-05-6-1549062619-capture2.png

tab1.module.ts

import { IonicModule } from '@ionic/angular';
import { RouterModule } from '@angular/router';
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { HomePageComponent } from './home-page.component';

@NgModule({
  imports: [
    IonicModule,
    CommonModule,
    FormsModule,
    RouterModule.forChild([{ path: '', component: HomePageComponent }])
  ],
  declarations: [HomePageComponent]
})
export class HomePageModule {}

tab2.module.ts

import { IonicModule } from '@ionic/angular';
import { RouterModule } from '@angular/router';
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { CreateGamePageComponent } from './create-game-page.component';

@NgModule({
  imports: [
    IonicModule,
    CommonModule,
    FormsModule,
    ReactiveFormsModule,
    RouterModule.forChild([{ path: '', component: CreateGamePageComponent }])
  ],
  declarations: [CreateGamePageComponent]
})
export class CreateGamePageModule {}

I have another and last problem with my Tabs. I have a header I loaded in app.component.html like this :

<ion-app>
  <app-header></app-header>
  <ion-router-outlet></ion-router-outlet>
</ion-app>

But as you can see on screens before, the header is not visible…

For the moment my Tabs works, but I’m not sure to understand how they perfectly work. Thank you for your help.

Posts: 1

Participants: 1

Read full topic

↧

What is the best backend and serverside scripting for Ionic 4

February 3, 2019, 9:45 am
$
0
0

@Velmurugan wrote:

Hi,

I am beginner for ionic app development. Basically i am a MS SQL DEVELOPER for 3 years.

I have started to build a ionic android app. My app will work like a social media network (like Facebook.) but minimum users :busts_in_silhouette:only use this application less than 500. I have designed the screens but I’m confusing to select the backend.

I have read more posts… But i am sure what i need to use.

Sorry for bad English…

Please help me…

Posts: 1

Participants: 1

Read full topic

↧

Show tab bar when viewing pages nested within other tabs

February 3, 2019, 10:45 am
$
0
0

@tdtechlink wrote:

How do you view pages that are children of another tab (or the tab main page itself), from within another tab and keep the tab bar up?

For example:

If I have:

  • Home Page tab
  • sub page of Home Page called Child1
  • Library Page tab
  • sub page of Library Page called Child2

How do I view Child2 from the Child1 page while keeping the tab bar visible?
How do I view the Library Page from the Child1 page while keeping the tab bar visible?

It looks like routing was changed to remove that weird (one:one) syntax and I’m not sure how to view a page thats served from one tab’s outlet vs another to keep the tab bar up.

Posts: 1

Participants: 1

Read full topic

↧
Search

Build error on Ionic 3

February 3, 2019, 10:53 am
$
0
0

@codiqa100012239 wrote:

ionic cordova build android --prod

ionic-app-scripts build --prod --target cordova --platform android
[00:15:45] ionic-app-scripts 3.2.1
[00:15:45] build prod started …
[00:15:46] clean started …
[00:15:46] clean finished in 10 ms
[00:15:46] copy started …
[00:15:46] deeplinks started …
[00:15:46] deeplinks finished in 96 ms
[00:15:46] ngc started …
[00:15:57] ngc finished in 10.89 s
[00:15:57] preprocess started …
[00:15:57] preprocess finished in less than 1 ms
[00:15:57] webpack started …
[00:15:57] copy finished in 11.51 s
[00:16:20] webpack finished in 23.14 s
[00:16:20] uglify started …
[00:16:20] sass started …
[00:16:24] sass finished in 4.54 s
[00:16:24] cleancss started …
[00:16:30] cleancss finished in 5.53 s
[00:16:45] uglify finished in 24.66 s
[00:16:45] postprocess started …
[00:16:45] postprocess finished in 21 ms
[00:16:45] lint started …
[00:16:45] build prod finished in 59.09 s
[00:16:49] lint finished in 4.36 s
cordova build android

You have been opted out of telemetry. To change this, run: cordova telemetry on.
Android Studio project detected
ANDROID_HOME=C:\Users\pradipta\AppData\Local\Android\android-sdk
JAVA_HOME=C:\Program Files\Java\jdk1.8.0_201
studio
Starting a Gradle Daemon (subsequent builds will be faster)

Task :wrapper

BUILD SUCCESSFUL in 22s
1 actionable task: 1 executed
Subproject Path: CordovaLib
Subproject Path: app
publishNonDefault is deprecated and has no effect anymore. All variants are now published.
The Task.leftShift(Closure) method has been deprecated and is scheduled to be removed in Gradle 5.0. Please use Task.doLast(Action) instead.
at build_1x4ydmr0480o7fjri5j8u06yf.run(C:\ionic\myApp\platforms\android\app\build.gradle:148)
Configuration ‘compile’ in project ‘:app’ is deprecated. Use ‘implementation’ instead.
:CordovaLib:preBuild UP-TO-DATE
:CordovaLib:preDebugBuild UP-TO-DATE
:CordovaLib:compileDebugAidl
:CordovaLib:compileDebugRenderscript
:CordovaLib:checkDebugManifest
:CordovaLib:generateDebugBuildConfig
:CordovaLib:prepareLintJar
:CordovaLib:generateDebugResValues
:CordovaLib:generateDebugResources
:CordovaLib:packageDebugResources
:CordovaLib:platformAttrExtractor
:CordovaLib:processDebugManifest
:CordovaLib:javaPreCompileDebug
:CordovaLib:processDebugJavaRes NO-SOURCE
:app:preBuild UP-TO-DATE
:app:preDebugBuild
:app:compileDebugAidl
:CordovaLib:packageDebugRenderscript NO-SOURCE
:app:compileDebugRenderscript
:app:checkDebugManifest
:app:generateDebugBuildConfig
:app:prepareLintJar
:app:generateDebugResValues
:app:generateDebugResources
:app:mergeDebugResources
:app:createDebugCompatibleScreenManifests
:app:processDebugManifest
:app:splitsDiscoveryTaskDebug
:app:compileDebugNdk NO-SOURCE
:CordovaLib:mergeDebugShaders
:CordovaLib:compileDebugShaders
:CordovaLib:generateDebugAssets
:CordovaLib:mergeDebugAssets
:app:mergeDebugShaders
:app:compileDebugShaders
:app:generateDebugAssets
:app:mergeDebugAssets
:CordovaLib:compileDebugNdk NO-SOURCE
:CordovaLib:mergeDebugJniLibFolders
:CordovaLib:transformNativeLibsWithMergeJniLibsForDebug
:CordovaLib:transformNativeLibsWithIntermediateJniLibsForDebug
:app:mergeDebugJniLibFolders
:app:processDebugJavaRes NO-SOURCE
:app:validateSigningDebug
:CordovaLib:processDebugResources
:CordovaLib:generateDebugSources
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
:CordovaLib:compileDebugJavaWithJavac
:CordovaLib:transformClassesAndResourcesWithPrepareIntermediateJarsForDebug
:app:processDebugResources
:app:generateDebugSources
:app:javaPreCompileDebug
C:\ionic\myApp\platforms\android\app\src\main\java\com\ionicframework\cordova\webview\IonicWebViewEngine.java:11: error: cannot find symbol
import android.support.annotation.RequiresApi;
^
symbol: class RequiresApi
location: package android.support.annotation
C:\ionic\myApp\platforms\android\app\src\main\java\com\ionicframework\cordova\webview\IonicWebViewEngine.java:114: error: cannot find symbol
@RequiresApi(Build.VERSION_CODES.LOLLIPOP)
^
symbol: class RequiresApi
location: class IonicWebViewEngine.ServerClient
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
2 errors
:app:compileDebugJavaWithJavac FAILED

FAILURE: Build failed with an exception.

  • What went wrong:
    Execution failed for task ‘:app:compileDebugJavaWithJavac’.

Compilation failed; see the compiler error output for details.

  • Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

  • Get more help at https://help.gradle.org

38 actionable tasks: 38 executed
BUILD FAILED in 21s
cmd: Command failed with exit code 1 Error output:
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
C:\ionic\myApp\platforms\android\app\src\main\java\com\ionicframework\cordova\webview\IonicWebViewEngine.java:11: error: cannot find symbol
import android.support.annotation.RequiresApi;
^
symbol: class RequiresApi
location: package android.support.annotation
C:\ionic\myApp\platforms\android\app\src\main\java\com\ionicframework\cordova\webview\IonicWebViewEngine.java:114: error: cannot find symbol
@RequiresApi(Build.VERSION_CODES.LOLLIPOP)
^
symbol: class RequiresApi
location: class IonicWebViewEngine.ServerClient
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
2 errors

FAILURE: Build failed with an exception.

  • What went wrong:
    Execution failed for task ‘:app:compileDebugJavaWithJavac’.

Compilation failed; see the compiler error output for details.

  • Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

  • Get more help at https://help.gradle.org

BUILD FAILED in 21s
[ERROR] An error occurred while running subprocess cordova.

    cordova build android exited with exit code 1.

    Re-running this command with the --verbose flag may provide more information.

Posts: 2

Participants: 2

Read full topic

↧
↧

Ionic 4 tabs navigation to root page problen

February 3, 2019, 11:03 am
$
0
0

@Z3-R0 wrote:

Hi I’m programming an Ionic 4 app and I have a problem:
If I place a button in one of the tabs pages !!!THAT ISN’T THE ROOT PAGE!!!, which leads to another page it work fine. But if I go back to the tabs pages with an ion-back-button I’m sent to the root tabs page and not to the page I was before.
Can anybody help?

Posts: 1

Participants: 1

Read full topic

↧

Problems with WEBPACK_IMPORTED_MODULE_1 after inserting google maps

February 3, 2019, 12:00 pm
$
0
0

@Broccoli38 wrote:

Hello everybody,

after installing google maps on my project I can’t start my app on localhost. I always get the message:
Object(ionic_native_core__WEBPACK_IMPORTED_MODULE_1_[“Cordova”]) is not a function. (In ‘Object(ionic_native_core__WEBPACK_IMPORTED_MODULE_1_[“Cordova”])({ sync: true })’, ‘Object(ionic_native_core__WEBPACK_IMPORTED_MODULE_1_[“Cordova”])’ is an instance of Object)

As package,json I have this code:
{
“name”: “test”,
“version”: “0.0.1”,
“author”: “Ionic Framework”,
“homepage”: “http://ionicframework.com/”,
“private”: true,
“scripts”: {
“start”: “ionic-app-scripts serve”,
“clean”: “ionic-app-scripts clean”,
“build”: “ionic-app-scripts build”,
“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/forms”: “5.2.11”,
“@angular/http”: “5.2.11”,
“@angular/platform-browser”: “5.2.11”,
“@angular/platform-browser-dynamic”: “5.2.11”,
“@ionic-native/app-version”: “^4.8.0”,
“@ionic-native/camera”: “^5.0.0”,
“@ionic-native/core”: “^5.0.0”,
“@ionic-native/google-maps”: “^4.20.0”,
“@ionic-native/image-picker”: “^5.0.0”,
“@ionic-native/splash-screen”: “~4.10.0”,
“@ionic-native/status-bar”: “~4.10.0”,
“@ionic/storage”: “2.1.3”,
“cordova-android”: “^7.1.4”,
“cordova-plugin-app-version”: “0.1.9”,
“cordova-plugin-camera”: “^4.0.3”,
“cordova-plugin-device”: “^2.0.2”,
“cordova-plugin-ionic-keyboard”: “^2.0.5”,
“cordova-plugin-ionic-webview”: “^1.2.1”,
“cordova-plugin-splashscreen”: “^5.0.2”,
“cordova-plugin-telerik-imagepicker”: “2.2.3”,
“cordova-plugin-whitelist”: “^1.3.3”,
“ionic-angular”: “3.9.2”,
“ionicons”: “3.0.0”,
“rxjs”: “5.5.11”,
“sw-toolbox”: “3.6.0”,
“zone.js”: “0.8.26”
},
“devDependencies”: {
“@ionic/app-scripts”: “3.1.11”,
“typescript”: “~2.6.2”
},
“description”: “An Ionic project”,
“cordova”: {
“plugins”: {
“cordova-plugin-whitelist”: {},
“cordova-plugin-device”: {},
“cordova-plugin-splashscreen”: {},
“cordova-plugin-ionic-webview”: {},
“cordova-plugin-ionic-keyboard”: {},
“cordova-plugin-camera”: {},
“cordova-plugin-telerik-imagepicker”: {},
“cordova-plugin-googlemaps”: {
“API_KEY_FOR_ANDROID”: “AIzaSyBw0gYj_T5vfy2HOBAod029_9XWCqf3iaE”,
“API_KEY_FOR_IOS”: “AIzaSyBw0gYj_T5vfy2HOBAod029_9XWCqf3iaE”,
“PLAY_SERVICES_VERSION”: “15.0.1”,
“ANDROID_SUPPORT_V4_VERSION”: “27.+”
},
“cordova-plugin-app-version”: {}
},
“platforms”: [
“android”
]
}
}

The file app.module.ts includes these information:

import { NgModule, ErrorHandler } from ‘@angular/core’;
import { BrowserModule } from ‘@angular/platform-browser’;
import { IonicApp, IonicModule, IonicErrorHandler } from ‘ionic-angular’;
import { MyApp } from ‘./app.component’;
…
import { GoogleMap, GoogleMaps} from ‘@ionic-native/google-maps’;

@NgModule({
declarations: [
MyApp,
…
],
imports: [
BrowserModule,
IonicModule.forRoot(MyApp)
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
…
],
providers: [
StatusBar,
SplashScreen,
GoogleMap,
GoogleMaps,
{provide: ErrorHandler, useClass: IonicErrorHandler}
]
})
export class AppModule {}

Other information:
onic:

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

Cordova:

cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : none
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 1.2.1, (and 6 other plugins)

System:

NodeJS : v11.2.0 (/usr/local/Cellar/node/11.2.0/bin/node)
npm : 6.4.1
OS : macOS Mojave
Xcode : Xcode 10.1 Build version 10B61

Are the versions of my packages compatible? Thanks for help!

Posts: 1

Participants: 1

Read full topic

↧

Previous data is displayed during data transfer between pages

February 3, 2019, 12:14 pm
$
0
0

@devare1 wrote:

Android%20Mobile%20%E2%80%93%202
Android Mobile – 2.png1641×713 8.04 KB

Ionic 4.9.0

please HELP:

html: page 1

  <ion-segment scrollable [(ngModel)]="value">

    <ion-segment-button value="site1"
    (click)="pushUploaderS()">
        <ion-label>Site1</ion-label>
    </ion-segment-button>
    
    <ion-segment-button value="site2"
    (click)="pushUploaderS()">
        <ion-label>Site2</ion-label>
    </ion-segment-button>
    
    <ion-segment-button value="site3"
    (click)="pushUploaderS()">
        <ion-label>Site3</ion-label>
    </ion-segment-button>

    <ion-segment-button value="site4"
    (click)="pushUploaderS()">
        <ion-label>Site4</ion-label>
    </ion-segment-button>

    <ion-segment-button value="site5"
    (click)="pushUploaderS()">
        <ion-label>Site5</ion-label>
    </ion-segment-button>

    <ion-segment-button value="site6"
    (click)="pushUploaderS()">
        <ion-label>Site6</ion-label>
    </ion-segment-button>

    <ion-segment-button value="site7"
    (click)="pushUploaderS()">
        <ion-label>Site7</ion-label>
    </ion-segment-button>

  </ion-segment>

ts: page 1:

import { Component } from '@angular/core';
import { Router } from '@angular/router';

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

  value = '';

constructor(
  private router: Router){

}
pushUploaderS(){
  this.router.navigate(['/uploader', this.value ]);
}


}

html: page 2:

  <p>{{value}}</p>

ts: page 2:

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-uploader',
  templateUrl: './uploader.page.html',
  styleUrls: ['./uploader.page.scss'],
})
export class UploaderPage implements OnInit {

  value = null;
  constructor(
    private activatedRoute: ActivatedRoute
  ) {
  
   }

  ngOnInit() {
   
    this.value = this.activatedRoute.snapshot.paramMap.get('id');
  }


}

and I have already imported FormsModule in app.module.ts

…

current result: page 2 shows the data previously chosen

expected result: Page 2 shows the data chosen during the click on the value chosen in that instance

Posts: 2

Participants: 2

Read full topic

↧

Clicks on screen are taking place at a different point

February 3, 2019, 2:04 pm
$
0
0

@abcoskn wrote:

Hi, After install my app on ios device, i having some problems about click actions. When i want to click a point it clicks nearly 100px bottom than where i clicked. How can it be? When i try to detect problem on localhost using ionic serve, there is no problem on web browser or ionic devapp. It happens when i install the app on device only. How can i solve this problem

Posts: 1

Participants: 1

Read full topic

↧
↧

Ionic 4 document viewer error

February 3, 2019, 5:44 pm
$
0
0

@elim wrote:

I replicate the same exact code from the documentation.

openDoc() {
  const options: DocumentViewerOptions = {
    title: 'My PDF'
  }

  this.document.viewDocument('assets/myFile.pdf', 'application/pdf', options)
}

The error I received

Capture
Capture.PNG1129×539 28.8 KB

Posts: 1

Participants: 1

Read full topic

↧

Ionic 4 photo viewer compilation error

February 3, 2019, 5:57 pm
↧
Search

Native Plugin UniqueDeviceId not qorking with Ionic 3

February 3, 2019, 8:23 pm
$
0
0

@mottolini wrote:

I followed the instructions at: https://ionicframework.com/docs/native/unique-device-id and the version 5.0.0 is installed. My code is just a copy and paste from that page:

this.uniqueDeviceID.get() .then((uuid: any) => { console.log("UUID", uuid); }) .catch((error: any) => { console.log("UUID ERROR:", error)} );

When running in an iOS simulator I got this error: Error: Uncaught (in promise): TypeError: Object(WEBPACK_IMPORTED_MODULE_0__ionic_native_core[“cordova”]) is not a function.

Seems pretty strange to me, unless latest release has only been checked against Ionic 4…
Any idea is appreciated.

Posts: 1

Participants: 1

Read full topic

↧

Issues with new Google restrictions on permissions

February 3, 2019, 8:48 pm
$
0
0

@arnianantha wrote:

I don’t think my new app version have any sensitive permissions in my app, but still google shows an alert. Do you know why?

28 total (0 differentiating + 28 common)

android.permission.ACCESS_NETWORK_STATE, android.permission.CALL_PHONE, android.permission.GET_ACCOUNTS, android.permission.INTERNET, android.permission.READ_APP_BADGE, android.permission.READ_CONTACTS, android.permission.READ_EXTERNAL_STORAGE, android.permission.WAKE_LOCK, android.permission.WRITE_CONTACTS, android.permission.WRITE_EXTERNAL_STORAGE, com.anddoes.launcher.permission.UPDATE_COUNT, com.google.android.c2dm.permission.RECEIVE, com.google.android.finsky.permission.BIND_GET_INSTALL_REFERRER_SERVICE, com.google.android.providers.gsf.permission.READ_GSERVICES, com.htc.launcher.permission.READ_SETTINGS, com.htc.launcher.permission.UPDATE_SHORTCUT, com.huawei.android.launcher.permission.CHANGE_BADGE, com.huawei.android.launcher.permission.READ_SETTINGS, com.huawei.android.launcher.permission.WRITE_SETTINGS, com.majeur.launcher.permission.UPDATE_BADGE, com.oppo.launcher.permission.READ_SETTINGS, com.oppo.launcher.permission.WRITE_SETTINGS, com.sec.android.provider.badge.permission.READ, com.sec.android.provider.badge.permission.WRITE, com.sonyericsson.home.permission.BROADCAST_BADGE, com.sonymobile.home.permission.PROVIDER_INSERT_BADGE, me.everything.badger.permission.BADGE_COUNT_READ, me.everything.badger.permission.BADGE_COUNT_WRITE

Posts: 1

Participants: 1

Read full topic

↧
↧

How to set notification icon in push notification

February 3, 2019, 9:46 pm
$
0
0

@sanjayparate wrote:

Can you guide how can I set push notification icon. And where to put icon image and how to use icon with path in ionic code

Posts: 1

Participants: 1

Read full topic

↧

Loading screen after clicking back button (Ionic 4)

February 3, 2019, 10:16 pm
$
0
0

@cancertropica wrote:

I am not able to figure out how i can reload screen when user lands on it after clicking back button. I am using IONIC 4 .

Thanks in advice fro your support.

Posts: 1

Participants: 1

Read full topic

↧

Screen Orientation plugin issue

February 3, 2019, 10:54 pm
$
0
0

@Sash6 wrote:

I followed this doc screen orientation doc
for adding and installing Screen Orientation plugin.
Then i put an import statement import {ScreenOrientation} from “@ionic-native/screen-orientation”;
in app.module.ts and added ScreenOrientation in providers section in @Ngmodule.
But unfortunately i got an error like

Uncaught Error: Invalid provider for the NgModule ‘AppModule’ - only instances of Provider and Type are allowed, got: [StatusBar, SplashScreen, LableConstants, HooRestApi, Keyboard, HeFloatingButtonComponent, [object Object], ?[object Object]?]

where my Provider contains

providers: [
StatusBar,
SplashScreen,
LableConstants,
HooRestApi,
Keyboard,
HeFloatingButtonComponent,
{provide: ErrorHandler, useClass: IonicErrorHandler},
ScreenOrientation
]
I searched every solution in internet but none it works.
Can anyone help me to resolve this issue in advance.

Posts: 1

Participants: 1

Read full topic

↧
Viewing all 70434 articles
Browse latest View live
Search
<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>