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

Bug ionic 4 ion-icon

March 5, 2019, 11:50 pm
$
0
0

@fahd123 wrote:

I testing app in my phone it’s working but ion-icon not showing , when testing in browser it’s showing but in phone non

Posts: 1

Participants: 1

Read full topic

↧
Search

Keyboard plugin don't works

March 6, 2019, 12:28 am
↧
↧

Is it possible to create Ionic 3 project with Ionic 4 CLI?

March 6, 2019, 1:15 am
$
0
0

@teerasej wrote:

I wonder is it possible to use Ionic CLI v4 to generate Ionic v3 template? or the best way is to downgrade CLI to v3?

Posts: 1

Participants: 1

Read full topic

↧

geolocation.watchPosition() not working in android real device

March 6, 2019, 1:23 am
$
0
0

@Ram1122 wrote:

Hi i am learner in ionic and present in my application i am trying to get user location using below code but its not working i mean lat and longs are coming in android real device ,Is there any better solution for getting user current location can some one help me please

this.geolocation.getCurrentPosition().then((resp) => {
}).catch((error) => {
console.log(‘Error getting location’, error);
});

let watch = this.geolocation.watchPosition();

watch.subscribe((data) => {
this.data = data;
console.log("----->Watch latitude" + data.coords.latitude);
console.log("-----> Watch logitude" + data.coords.longitude)
console.log("-----> Watch accuracy" + data.coords.accuracy)
});

Posts: 1

Participants: 1

Read full topic

↧

Ionic Api integration

March 6, 2019, 1:25 am
↧
↧

Node Sass could not find a binding for your current environment

March 6, 2019, 2:00 am
$
0
0

@FiveJStudios wrote:

Hi

When trying to create a deploy package with iOS (Xcode 10) or Android I get an error, however when I use Xcode 9, it creates package with no problem. It makes no sense? I’ve looked at other posts but since I can’t control the VM you create I’m stuck… help please.

[09:51:27]: Installing Dependencies [09:51:27]: npm install --quiet --no-optional [09:51:37]: ▸ npm WARN @angular/compiler-cli@7.2.7 requires a peer of @angular/compiler@7.2.7 but none is installed. You must install peer dependencies yourself. [09:51:37]: ▸ npm WARN @angular/compiler-cli@7.2.7 requires a peer of typescript@>=3.1.1 <3.3 but none is installed. You must install peer dependencies yourself. [09:51:37]: ▸ npm WARN @ionic/pro@2.0.3 requires a peer of cordova-plugin-ionic@^5.0.0 but none is installed. You must install peer dependencies yourself. [09:51:37]: ▸ audited 20580 packages in 8.577s [09:51:37]: ▸ found 0 vulnerabilities [09:51:37]: Build script detected.. [09:51:37]: npm run build [09:51:37]: ▸ > tna@0.0.1 build /Users/ionic/builds/fivejstudios/tna [09:51:37]: ▸ > ionic-app-scripts build [09:51:39]: ▸ /Users/ionic/builds/fivejstudios/tna/node_modules/node-sass/lib/binding.js:15 [09:51:39]: ▸ throw new Error(errors.missingBinary()); [09:51:39]: ▸ ^ [09:51:39]: ▸ Error: Missing binding /Users/ionic/builds/fivejstudios/tna/node_modules/node-sass/vendor/darwin-x64-64/binding.node [09:51:39]: ▸ Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 10.x [09:51:39]: ▸ Found bindings for the following environments: [09:51:39]: ▸ - OS X 64-bit with Node.js 8.x [09:51:39]: ▸ This usually happens because your environment has changed since running npm install. [09:51:39]: ▸ Run npm rebuild node-sass to download the binding for your current environment. [09:51:39]: ▸ at module.exports (/Users/ionic/builds/fivejstudios/tna/node_modules/node-sass/lib/binding.js:15:13) [09:51:39]: ▸ at Object. (/Users/ionic/builds/fivejstudios/tna/node_modules/node-sass/lib/index.js:14:35) [09:51:39]: ▸ at Module._compile (internal/modules/cjs/loader.js:689:30) [09:51:39]: ▸ at Object.Module._extensions…js (internal/modules/cjs/loader.js:700:10) [09:51:39]: ▸ at Module.load (internal/modules/cjs/loader.js:599:32) [09:51:39]: ▸ at tryModuleLoad (internal/modules/cjs/loader.js:538:12) [09:51:39]: ▸ at Function.Module._load (internal/modules/cjs/loader.js:530:3) [09:51:39]: ▸ at Module.require (internal/modules/cjs/loader.js:637:17) [09:51:39]: ▸ at require (internal/modules/cjs/helpers.js:22:18) [09:51:39]: ▸ at Object. (/Users/ionic/builds/fivejstudios/tna/node_modules/@ionic/app-scripts/dist/core/bundle-components.js:6:16)

Posts: 1

Participants: 1

Read full topic

↧

Gradle error when run android is executed

March 6, 2019, 2:26 am
↧

App not build

March 6, 2019, 2:35 am
$
0
0

@vishalkumargupta wrote:

What went wrong:
A problem occurred configuring project ‘:CordovaLib’.

No toolchains found in the NDK toolchains folder for ABI with prefix: mips64el-linux-android

  • 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 5s
at ChildProcess.whenDone (C:\Users\PHAndroid\ionicproject\AsiansSinglesnew\platforms\android\cordova\node_modules\cordova-common\src\superspawn.js:169:23)
at emitTwo (events.js:126:13)
at ChildProcess.emit (events.js:214:7)
at maybeClose (internal/child_process.js:925:16)
at Process.ChildProcess._handle.onexit (internal/child_process.js:209:5)
L152: message:‘profile updated fail’,

Posts: 1

Participants: 1

Read full topic

↧
Search

Ionic-3 (node:14304) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code

March 6, 2019, 2:39 am
$
0
0

@aman01 wrote:

When I run ionic cordova run android to build my apps. It shows build failed.

D:\Practice\azmaeen>ionic cordova run android
Running app-scripts build: --platform android --target cordova
[16:03:52]  build dev started ...
[16:03:52]  clean started ...
[16:03:52]  clean finished in 10 ms
[16:03:52]  copy started ...
[16:03:52]  deeplinks started ...
[16:03:52]  deeplinks finished in 179 ms
[16:03:52]  transpile started ...
[16:03:57]  transpile finished in 5.14 s
[16:03:57]  preprocess started ...
[16:03:57]  preprocess finished in less than 1 ms
[16:03:57]  webpack started ...
[16:03:58]  copy finished in 5.97 s
[16:04:05]  webpack finished in 7.36 s
[16:04:05]  sass started ...
Without `from` option PostCSS could generate wrong source map and will not find Browserslist config. Set it to CSS file path or to `undefined` to prevent this warning.
[16:04:11]  sass finished in 5.67 s
[16:04:11]  postprocess started ...
[16:04:11]  postprocess finished in 18 ms
[16:04:11]  lint started ...
[16:04:11]  build dev finished in 19.27 s
> cordova run android
Android Studio project detected

ANDROID_HOME=C:\Users\Aman\AppData\Local\Android\Sdk
JAVA_HOME=C:\Program Files\Java\jdk1.8.0_161
studio
[16:04:17]  lint finished in 6.28 s
Starting a Gradle Daemon, 2 incompatible and 1 stopped Daemons could not be reused, use --status for details

:wrapper


BUILD SUCCESSFUL in 39s
1 actionable task: 1 executed
Subproject Path: CordovaLib
Subproject Path: app
publishNonDefault is deprecated and has no effect anymore. All variants are now published.

Configuration 'compile' in project ':app' is deprecated. Use 'implementation' instead.

Download https://jcenter.bintray.com/com/google/gms/google-services/4.0.0/google-services-4.0.0.pom

Download https://jcenter.bintray.com/com/google/gms/google-services/4.0.0/google-services-4.0.0.jar

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_7b1twz5vxmo7tfylofokr18ui.run(D:\Practice\azmaeen\platforms\android\app\build.gradle:146)
Could not find google-services.json while looking in [src/nullnull/debug, src/debug/nullnull, src/nullnull, src/debug, src/nullnullDebug]
registerResGeneratingTask is deprecated, use registerGeneratedFolders(FileCollection)

Could not find google-services.json while looking in [src/nullnull/release, src/release/nullnull, src/nullnull, src/release, src/nullnullRelease]
registerResGeneratingTask is deprecated, use registerGeneratedFolders(FileCollection)
: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

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:processDebugGoogleServices'.
> File google-services.json is missing. The Google Services Plugin cannot function without it.
   Searched Location:
  D:\Practice\azmaeen\platforms\android\app\src\nullnull\debug\google-services.json
  D:\Practice\azmaeen\platforms\android\app\src\debug\nullnull\google-services.json
  D:\Practice\azmaeen\platforms\android\app\src\nullnull\google-services.json
  D:\Practice\azmaeen\platforms\android\app\src\debug\google-services.json
  D:\Practice\azmaeen\platforms\android\app\src\nullnullDebug\google-services.json
  D:\Practice\azmaeen\platforms\android\app\google-services.json

* 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 26s
:app:processDebugGoogleServices FAILED
18 actionable tasks: 18 executed
(node:14304) UnhandledPromiseRejectionWarning: Error: cmd: Command failed with exit code 1 Error output:
FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:processDebugGoogleServices'.
> File google-services.json is missing. The Google Services Plugin cannot function without it.
   Searched Location:
  D:\Practice\azmaeen\platforms\android\app\src\nullnull\debug\google-services.json
  D:\Practice\azmaeen\platforms\android\app\src\debug\nullnull\google-services.json
  D:\Practice\azmaeen\platforms\android\app\src\nullnull\google-services.json
  D:\Practice\azmaeen\platforms\android\app\src\debug\google-services.json
  D:\Practice\azmaeen\platforms\android\app\src\nullnullDebug\google-services.json
  D:\Practice\azmaeen\platforms\android\app\google-services.json

* 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 26s
    at ChildProcess.whenDone (D:\Practice\azmaeen\platforms\android\cordova\node_modules\cordova-common\src\superspawn.js:169:23)
    at ChildProcess.emit (events.js:197:13)
    at maybeClose (internal/child_process.js:978:16)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:265:5)
(node:14304) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1)
(node:14304) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

[OK] Your app has been deployed.
     Did you know you can live-reload changes from your app with --livereload?

My Environment is:

D:\Practice\azmaeen>ionic info

cli packages: (C:\Users\Aman\AppData\Roaming\npm\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.8
    Cordova Platforms  : android 7.0.0
    Ionic Framework    : ionic-angular 3.9.2

System:

    Node : v11.9.0
    npm  : 6.7.0
    OS   : Windows 10

Environment Variables:

    ANDROID_HOME : not set

Misc:

    backend : pro

Posts: 1

Participants: 1

Read full topic

↧
↧

Ionic4 align label in list/item with and without icon

March 6, 2019, 2:49 am
$
0
0

@mburger81 wrote:

We have a simple ion-list with ion-item as a button

             <ion-list>
                <ion-item *ngFor="let profile of profiles" button>
                    <ion-icon name="checkmark" *ngIf="show"></ion-icon>
                    <ion-label>{{profile.width}}x{{profile.height}} {{profile.frameRate}}fps</ion-label>
                </ion-item>
           </ion-list>

which looks like this
image

As you can see the the labels in the item are not aligned using and not using an icon.
We can add an ion-icon without name, but this is showing an error in the console, so is there no way to align a list item with and without icon

Posts: 1

Participants: 1

Read full topic

↧

NativeGeocoderOriginal' is not assignable to type 'Provider'

March 6, 2019, 3:00 am
$
0
0

@harshm90 wrote:

Here I am trying to implement NativeGeocoder in AppModule.ts but it is forcing me to add NativeGeocoderOriginal. What is the difference between them? and many tutorials use NativeGeocoder then why am I forced to use Orginal one?

I tried
Method 1:
http://masteringionic.com/blog/2017-06-13-geocodingreverse-geocoding-with-ionic-native/

Method 2:
https://www.freakyjolly.com/ionic-3-get-device-latitude-longitude-and-address-using-geolocation-and-native-geocoder-services-in-ionic-3-native-application/

None worked out :frowning:

Please Help

Posts: 1

Participants: 1

Read full topic

↧

Event.url in InAppBrowser

March 6, 2019, 3:25 am
$
0
0

@OmDIonic wrote:

Hi
I am working on oauth2 using InAppBrowser.
when browser.loadstart event fired in emulator I am getting value of
event.url is somecallbackurl/#code—
but If I am testing same thing in Android 9 device then
event.url is somecallbackurl
In urlbar of InAppbrowser url is somecallbackurl/#code but I dont know why only somecallbackurl in Android phone.
Can somebody tell me what can be cause.

Posts: 1

Participants: 1

Read full topic

↧

Open tabs by clicking button

March 6, 2019, 3:53 am
$
0
0

@patrickSiyou wrote:

hey guys,
please can somebody can help me to fix this?

ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'tabs/dashboard'
Error: Cannot match any routes. URL Segment: 'tabs/dashboard'
    at ApplyRedirects.push../node_modules/@angular/router/fesm5/router.js.ApplyRedirects.noMatchError (router.js:2469)
    at CatchSubscriber.selector (router.js:2463)
    at CatchSubscriber.push../node_modules/rxjs/_esm5/internal/operators/catchError.js.CatchSubscriber.error (catchError.js:34)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._error (Subscriber.js:80)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.error (Subscriber.js:60)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._error (Subscriber.js:80)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.error (Subscriber.js:60)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._error (Subscriber.js:80)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.error (Subscriber.js:60)
    at TapSubscriber.push../node_modules/rxjs/_esm5/internal/operators/tap.js.TapSubscriber._error (tap.js:61)
    at resolvePromise (zone.js:831)
    at resolvePromise (zone.js:788)
    at zone.js:892
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423)
    at Object.onInvokeTask (core.js:17279)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:422)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:195)
    at drainMicroTaskQueue (zone.js:601)

i would like to open dinamicaly tabs by clicking button like

<ion-button (click)="openTabs()">AAAAA</ion-button>

and the openTabs functions i tried are:

openTabs() {
    this.router.navigateByUrl('/tabs');
  }

openTabs() {
    this.router.navigate(['/tabs']);
  }

tabs routes:

const routes: Routes = [
  {
    path: 'tabs',
    component: TabsPage,
    children: [
      { path: 'dashboard', loadChildren: '../dashboard/dashboard.module#DashboardPageModule' },
      { path: 'history', loadChildren: '../history/history.module#HistoryPageModule' },
      { path: 'settings', loadChildren: '../settings/settings.module#SettingsPageModule' },

      {
        path: 'accounts',
        loadChildren: '../accounts/accounts.module#AccountsPageModule'
      },

      {
        path: 'accounts/account',
        loadChildren: '../account/account.module#AccountPageModule'
      },

      { path: 'contacts', loadChildren: '../contacts/contacts.module#ContactsPageModule' },
    ]
  },
  {
    path: '',
    redirectTo: '/tabs/dashboard',
    pathMatch: 'full'
  }
];

app routes:

const routes: Routes = [
     { path: '', redirectTo: 'login', pathMatch: 'full' },
     { path: 'tabs', loadChildren: './pages/tabs/tabs.module#TabsPageModule' },,
  ];

thanks

Posts: 1

Participants: 1

Read full topic

↧
↧

Ionic 4 - when fix this bug ? app not work on android under 7

March 6, 2019, 4:09 am
$
0
0

@ebeliejinfren wrote:

Hi
in ionic 4 , reported bug : application not work on android under 7 version

when this bug will be fixed ? any body know ?

we stop release update because that
:sob:

Thanks

Posts: 1

Participants: 1

Read full topic

↧

IONIC 4 Theming Scrollbars

March 6, 2019, 4:18 am
↧
Search

How to make app like magicapp?

March 6, 2019, 5:25 am
$
0
0

@gokujy wrote:

Hello,

Is there any possibility to do an application like link application with Ionic framework? How can I do it? Can you help me?

Thank you

Posts: 1

Participants: 1

Read full topic

↧

I'm not able to run app

March 6, 2019, 5:35 am
$
0
0

@sumitrvi wrote:

ionic serve

ng run app:serve --host=0.0.0.0 --port=8100
[ng] panic: aborting due to terminal initialize failure

Posts: 1

Participants: 1

Read full topic

↧
↧

Is possible to use ionic menu inside ionic router-outlet in ionic-v4

March 6, 2019, 6:08 am
↧

How to use searchbar with autocomplete for an array of key-values?

March 6, 2019, 7:29 am
$
0
0

@Manel00 wrote:

Hi everybody,

My problem i dont know what i’m doing wrong because cannot use a searchbar with autocomplete, the list is key-value and cannot filter it, what is the best solution? Then i have to click on some item of the list and set it on searchbar value…

Here is my code:

TS

    search(event) {
        console.log(event)
        this.initializeListCountries();
        const val = event.target.value;
        if (val && val.trim() != '') {
            this.countries = this.countries.keys.filter((country) => {
                return (country.key.toLowerCase().indexOf(val.toLowerCase()) > -1);
            })
        }
    }

    selectCountry(country) {
        let val = country.target.key;
    }

<ion-content padding>
    <ion-searchbar type="text" debounce="500" animated 
        placeholder="Filtrar por país" color="dark"
        (ionChange)="search($event)" clearInput></ion-searchbar>
    <ion-list>
        <ion-item *ngFor="let country of countries" (click)="selectCountry($country)">
            {{ country.value }}
        </ion-item>
    </ion-list>
</ion-content>

Thank you so much,

Posts: 1

Participants: 1

Read full topic

↧

Opening dynamic links generated by jquery library in inapp browser

March 6, 2019, 7:45 am
$
0
0

@justinkxavier wrote:

I integrated paynimo payment gateway in ionic 3 using its jquery library. Once card details are entered, it redirects to banks payment gateway webpage which runs on top of my application. Is it possible to open the webpage in inapp browser automatically without knowing the url

Posts: 1

Participants: 1

Read full topic

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