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

Change ionic range slider to vertical orientation


Angular 5. Error: ./node_modules/rxjs/observable/BoundNodeCallbackObservable.js

$
0
0

@anton_klochko wrote:

Hi all ! Could anyone suggest please … how properly in Angular 5 use RXJS operators ? I can not build my app.

Error: ./node_modules/rxjs/observable/BoundNodeCallbackObservable.js
Module build failed: TypeError: Cannot read property 'type' of undefined
    at Object.getEffectiveTypeAnnotationNode (D:\tmp\ionic2\ezpart-mobile-svn\no
de_modules\typescript\lib\typescript.js:9341:17)
    at assignContextualParameterTypes (D:\tmp\ionic2\ezpart-mobile-svn\node_modu
les\typescript\lib\typescript.js:41652:25)
    at checkFunctionExpressionOrObjectLiteralMethod (D:\tmp\ionic2\ezpart-mobile
-svn\node_modules\typescript\lib\typescript.js:41948:29)
    at checkExpressionWorker (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\types
cript\lib\typescript.js:42959:28)
    at checkExpression (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\typescript\
lib\typescript.js:42898:42)
    at checkExpressionCached (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\types
cript\lib\typescript.js:42779:38)
    at checkReturnStatement (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\typesc
ript\lib\typescript.js:45418:54)
    at checkSourceElement (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\typescri
pt\lib\typescript.js:46763:28)
    at Object.forEach (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\typescript\l
ib\typescript.js:1506:30)
    at checkBlock (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\typescript\lib\t
ypescript.js:44563:16)
 @ ./node_modules/rxjs/observable/bindNodeCallback.js 2:36-76
 @ ./node_modules/rxjs/add/observable/bindNodeCallback.js
 @ ./node_modules/rxjs/Rx.js
 @ ./src/providers/loginProvider.ts
 @ ./src/app/app.module.ngfactory.js
 @ ./src/app/main.ts,./node_modules/rxjs/observable/BoundCallbackObservable.js
Module build failed: TypeError: Cannot read property 'type' of undefined
    at Object.getEffectiveTypeAnnotationNode (D:\tmp\ionic2\ezpart-mobile-svn\no
de_modules\typescript\lib\typescript.js:9341:17)
    at assignContextualParameterTypes (D:\tmp\ionic2\ezpart-mobile-svn\node_modu
les\typescript\lib\typescript.js:41652:25)
    at checkFunctionExpressionOrObjectLiteralMethod (D:\tmp\ionic2\ezpart-mobile
-svn\node_modules\typescript\lib\typescript.js:41948:29)
    at checkExpressionWorker (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\types
cript\lib\typescript.js:42959:28)
    at checkExpression (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\typescript\
lib\typescript.js:42898:42)
    at checkExpressionCached (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\types
cript\lib\typescript.js:42779:38)
    at checkReturnStatement (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\typesc
ript\lib\typescript.js:45418:54)
    at checkSourceElement (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\typescri
pt\lib\typescript.js:46763:28)
    at Object.forEach (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\typescript\l
ib\typescript.js:1506:30)
    at checkBlock (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\typescript\lib\t
ypescript.js:44563:16)
 @ ./node_modules/rxjs/observable/bindCallback.js 2:32-68
 @ ./node_modules/rxjs/add/observable/bindCallback.js
 @ ./node_modules/rxjs/Rx.js
 @ ./src/providers/loginProvider.ts
 @ ./src/app/app.module.ngfactory.js
 @ ./src/app/main.ts
    at BuildError.Error (native)
    at new BuildError (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\@ionic\app-s
cripts\dist\util\errors.js:16:28)
    at callback (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\@ionic\app-scripts
\dist\webpack.js:121:28)
    at emitRecords.err (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\webpack\lib
\Compiler.js:269:13)
    at Compiler.emitRecords (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\webpac
k\lib\Compiler.js:375:38)
    at emitAssets.err (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\webpack\lib\
Compiler.js:262:10)
    at applyPluginsAsyncSeries1.err (D:\tmp\ionic2\ezpart-mobile-svn\node_module
s\webpack\lib\Compiler.js:368:12)
    at next (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\tapable\lib\Tapable.js
:218:11)
    at Compiler.compiler.plugin (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\we
bpack\lib\performance\SizeLimitsPlugin.js:99:4)
    at Compiler.applyPluginsAsyncSeries1 (D:\tmp\ionic2\ezpart-mobile-svn\node_m
odules\tapable\lib\Tapable.js:222:13)
import { timeout } from 'rxjs/operator/timeout';
import { map } from 'rxjs/operator/map';
  this.http.post(this.login.rootUrl + 'logs.php', send).timeout(30000
  ).map(
  res=>res.json()
  ).subscribe(ans=> {
  loading.dismissAll();
   resolve(ans);
   },

Should I using .pipe() ? When I am trying

this.http.post(this.actions.deactivate, data).pipe(timeout(30000)).subscribe(serverData => { … my development environment highlights an error near pipe.

    @ionic/cli-utils  : 1.18.0
    ionic (Ionic CLI) : 3.18.0

global packages:

    cordova (Cordova CLI) : 7.1.0

local packages:

    @ionic/app-scripts : 3.1.0
    Cordova Platforms  : android 6.2.3
    Ionic Framework    : ionic-angular 3.9.2

System:

    Android SDK Tools : 25.2.5
    Node              : v6.9.0
    npm               : 3.10.8
    OS                : Windows 7

Environment Variables:

    ANDROID_HOME : C:\Users\anton\AppData\Local\Android\sdk

Misc:

    backend : pro

Posts: 1

Participants: 1

Read full topic

Ionic app can't reach REST service

$
0
0

@Nubdienub wrote:

Hi, I am running a Spring Boot application on my localhost that provides a REST service. To debug easliy, I use ngrok (https://ngrok.com) to create a tunnel between the device I am running on and my localhost with a provided port (localhost:8080 for me). Ngrok fowards trafic through a link like this: http://88dd0816.ngrok.io/my_rest_calls_here. So when I want to perform a GET request I would simply use:

http://88dd0816.ngrok.io/my_get_call

And it would return whatever I expect from it. Now, I had to update my Ionic/Cordova, my android platform and a bunch of plugins and since I have reinstalled (!, I couldn’t update due to other issues) I can no longer reach my REST service. If I try to perform a REST call by just using a similair call from above, in the browser, I get data back. If I use Ionic Serve (in browser again), I get data back. But when I run it on a android device (Ionic cordova run android) I get a 404 error saying:

“Response with status: 404 Not Found for URL: http://88dd0861.ngrok.io/period

I have had this working before I reinstalled Ionic so I think I have a wrong configuration of some kind somewhere, but I woulnd’t know what is causing this.

I have tried:

  • Adding INTERNET and ACCESS_NETWORK_STATE to the AndroidManifest.xml

I have:

  • <access origin="*" /> in my config.xml
    

Can anyone help me out on this one?

Thanks in advance.

Posts: 1

Participants: 1

Read full topic

Ionic image animation

Ionic 1, rebuild node-sass error

$
0
0

@mv_ wrote:

Hi, i’m trying to reinstall node-sass for my ionic v1 project, but i get this error:

In file included from …/src/binding.cpp:1:
…/node_modules/nan/nan.h:602:20: error: no type named ‘GCEpilogueCallback’ in 'v8::Isolate’
v8::Isolate::GCEpilogueCallback callback

Failed at the node-sass@3.4.2 postinstall script.

ionic --version
1.7.16
node --version
v6.9.2

Any clue?
Thanks

Posts: 1

Participants: 1

Read full topic

Android Splashscreen Error

$
0
0

@texasman03 wrote:

In my developer dashboard for Google Play I’m seeing a few crashes with this error:


java.lang.NullPointerException:
  at org.apache.cordova.splashscreen.SplashScreen$4.run (SplashScreen.java:227)
  at android.app.Activity.runOnUiThread (Activity.java:6030)
  at org.apache.cordova.splashscreen.SplashScreen.removeSplashScreen (SplashScreen.java:217)
  at org.apache.cordova.splashscreen.SplashScreen.access$1000 (SplashScreen.java:49)
  at org.apache.cordova.splashscreen.SplashScreen$5$1.run (SplashScreen.java:330)
  at android.os.Handler.handleCallback (Handler.java:751)
  at android.os.Handler.dispatchMessage (Handler.java:95)
  at android.os.Looper.loop (Looper.java:154)
  at android.app.ActivityThread.main (ActivityThread.java:6692)
  at java.lang.reflect.Method.invoke (Native Method)
  at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run (ZygoteInit.java:1468)
  at com.android.internal.os.ZygoteInit.main (ZygoteInit.java:1358)

Anyone seen this before or know what to look for or a potential fix? On my Android test devices it works fine and hides correctly, no errors.

Posts: 1

Participants: 1

Read full topic

Concerned about peerinvalid errors

$
0
0

@newelementdesigns wrote:

I’ve been seeing these errors a lot lately (after updating to 3.9.2). Should I be concerned about them or ignore?

npm ERR! peerinvalid The package @ionic-native/core@3.12.1 does not satisfy its siblings' peerDependencies requirements!
npm ERR! peerinvalid Peer @ionic-native/calendar@4.4.0 wants @ionic-native/core@^4.2.0
npm ERR! peerinvalid Peer @ionic-native/camera@4.4.0 wants @ionic-native/core@^4.2.0
npm ERR! peerinvalid Peer @ionic-native/clipboard@4.4.0 wants @ionic-native/core@^4.2.0
npm ERR! peerinvalid Peer @ionic-native/contacts@4.4.0 wants @ionic-native/core@^4.2.0
npm ERR! peerinvalid Peer @ionic-native/deeplinks@4.4.0 wants @ionic-native/core@^4.2.0
npm ERR! peerinvalid Peer @ionic-native/file@4.4.0 wants @ionic-native/core@^4.2.0
npm ERR! peerinvalid Peer @ionic-native/file-transfer@4.4.0 wants @ionic-native/core@^4.2.0
npm ERR! peerinvalid Peer @ionic-native/in-app-browser@4.4.0 wants @ionic-native/core@^4.2.0
npm ERR! peerinvalid Peer @ionic-native/in-app-purchase@4.4.0 wants @ionic-native/core@^4.2.0

npm ERR! peerinvalid Peer @ionic-native/keyboard@4.4.0 wants @ionic-native/core@^4.2.0
npm ERR! peerinvalid Peer @ionic-native/onesignal@4.4.0 wants @ionic-native/core@^4.2.0
npm ERR! peerinvalid Peer @ionic-native/splash-screen@3.12.1 wants @ionic-native/core@^3.6.0
npm ERR! peerinvalid Peer @ionic-native/status-bar@3.12.1 wants @ionic-native/core@^3.6.0

Posts: 4

Participants: 2

Read full topic

Error when trying to create log in/register page

$
0
0

@Granero0011 wrote:

Hello,

I am a beginner at ionic and I am trying to create a log in and a signup page using
a firebase database. I am currently facing multiple errors I can’t get around with.

Here is the code I use in my signup.ts page:
import { Component } from ‘@angular/core’;
import { IonicPage, NavController, NavParams } from ‘ionic-angular’;
import { TabsPage } from ‘…/tabs/tabs’;
import { User } from ‘…/…/models/user’;
import {AngularFireAuth} from ‘angularfire2/auth’;
/**

@IonicPage()
@Component({
selector: ‘page-signup’,
templateUrl: ‘signup.html’,
})
export class SignupPage {
user={} as User;

constructor(private afAuth: AngularFireAuth,
public navCtrl: NavController, public navParams: NavParams) {
}

ionViewDidLoad() {
console.log(‘ionViewDidLoad SignupPage’);
}
async signup(user: User){
try{
const result =await this.afAuth.auth.createUserWithEmailAndPassword(user.email
,user.password);
console.log(result)
}
catch(e){
console.error(e);
}
}
}

Here is what I use in the signup.html

Email ] [(ngModel)] ="user.email"> Password ][(ngModel)]="user.password"> Signup I also want to mention that the [ERROR ->] was put after I got a ngmodel error stating that ion input does not recognize it.

Posts: 1

Participants: 1

Read full topic


Ionic Pro creates old build version

$
0
0

@timonggg wrote:

Hi

I try to create an android debug build using ionic pro.
For the start i unlinked the app and deleted the app on ionic pro and created a new one.

I linked the app and pushed my repo to ionic pro.
Then i go on my commit and start an android -> debug build.
The build is sucessfull, I download the apk file and run it on my emulator and device but it shows me a really old version of my build. It shows a completely old login screen.
But when I download the ionic pro repo to my local pc I can’t even find that old login view?

So I think ionic pro is having some caching problem on their site. Maybe because we have used ionic cloud in the past? Don’t know what else I can try. If I build my app locally it works fine.

Best regards
Timon

Posts: 1

Participants: 1

Read full topic

APK not being generated when using `--prod --release` flags

$
0
0

@drozay007 wrote:

I am trying to generate an APK using ionic cordova build android --prod --release but it stops after postprocess started ... with no errors or warnings. An APK is generated if I use ionic cordova build android

build output

[12:13:54]  build prod started ...
[12:13:54]  clean started ...
[12:13:54]  clean finished in less than 1 ms
[12:13:54]  copy started ...
[12:13:54]  ngc started ...
[12:14:00]  ngc finished in 6.07 s
[12:14:00]  preprocess started ...
[12:14:00]  deeplinks started ...
[12:14:00]  deeplinks finished in 224 ms
[12:14:00]  optimization started ...
[12:14:00]  copy finished in 6.45 s
[12:14:10]  optimization finished in 9.35 s
[12:14:10]  preprocess finished in 9.57 s
[12:14:10]  webpack started ...
[12:14:58]  webpack finished in 48.28 s
[12:14:58]  sass started ...
[12:14:58]  uglifyjs started ...
[12:14:59]  sass finished in 663 ms
[12:14:59]  cleancss started ...
[12:14:59]  cleancss finished in 834 ms
[12:15:12]  uglifyjs finished in 14.29 s
[12:15:12]  postprocess started ...

info info

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

    @ionic/cli-utils  : 1.18.0
    ionic (Ionic CLI) : 3.18.0

global packages:

    cordova (Cordova CLI) : 7.0.1

local packages:

    @ionic/app-scripts : 2.1.4
    Cordova Platforms  : android 6.2.3 ios 4.4.0
    Ionic Framework    : ionic-angular 3.8.0

System:

    Android SDK Tools : 26.1.1
    ios-deploy        : 1.9.2
    ios-sim           : 6.1.2
    Node              : v7.9.0
    npm               : 5.5.1
    OS                : macOS Sierra
    Xcode             : Xcode 9.1 Build version 9B55

Environment Variables:

    ANDROID_HOME : /Users/mbp/Library/Android/sdk

Misc:

    backend : pro

Plugins

You have been opted out of telemetry. To change this, run: cordova telemetry on.
cordova-admob-sdk 0.11.1 "AdMob SDK"
cordova-plugin-admob-free 0.11.0 "Cordova AdMob Plugin"
cordova-plugin-camera 2.4.1 "Camera"
cordova-plugin-compat 1.2.0 "Compat"
cordova-plugin-console 1.0.7 "Console"
cordova-plugin-device 1.1.6 "Device"
cordova-plugin-file 4.3.3 "File"
cordova-plugin-file-transfer 1.6.3 "File Transfer"
cordova-plugin-nativestorage 2.2.2 "NativeStorage"
cordova-plugin-splashscreen 4.0.3 "Splashscreen"
cordova-plugin-statusbar 2.2.3 "StatusBar"
cordova-plugin-whitelist 1.3.2 "Whitelist"
cordova-promise-polyfill 0.0.2 "cordova-promise-polyfill"
cordova-sqlite-storage 2.0.4 "Cordova sqlite storage plugin"
ionic-plugin-keyboard 2.2.1 "Keyboard"

Android build tools version 27.0.1

Posts: 1

Participants: 1

Read full topic

Pulling Data From database and displaying it with radio component for inventory

$
0
0

@lifesuxtr wrote:

I am trying to create an inventory page for my simple text based rpg game.What im trying to do is after pulling data from databaseb,how do i display them correctly on html page.I mean users should be able to select their items in their inventory,and use them with a button.

But because i dont know which user has what and how many quantity,how do i add radio components? If user has apple for example i should display apple radio component if they dont i shouldn’t.

this.invData = this.fire.authState.switchMap(auth => this.db.object(`profile/${auth.uid}/inventory`).valueChanges());
    this.invData.subscribe(invdata =>{
    this.invData=invdata
    console.log(this.invData);
});

For Example:

invData.apple //returns quantity of apple

I am thinking about radio component for this but maybe select is better.Do you guys have suggestions about which components should i use ?
thanks

Posts: 1

Participants: 1

Read full topic

Odd Splashscreen bottom gap for iPhone X

Deployin android studio

$
0
0

@lionic08 wrote:

Hi, how I want to know if you can run an android studio application through ionic and how could I do it?

Posts: 1

Participants: 1

Read full topic

Full button in ion-footer

$
0
0

@sergiofigueras wrote:

Hello there, guys!

I’m converting the following screen into Ionic:

As you can see, there’s a blue button on the bottom that is full. But while applying a full button in ion-footer.ion-toolbar, I’m not getting the same result, as there’re some borders on it, just below “CHANGE PASSWORD” button:

This is the code snippet:

ion-content goes here...

<ion-footer no-border>
	<ion-toolbar transparent>
    <button ion-button full text-uppercase>Change Password</button>
	</ion-toolbar>
</ion-footer>

Does anybody have any idea of what is the proper way to remove these white borders?

Thanks in advance!

Posts: 1

Participants: 1

Read full topic

Transerfer data


How to define the initial page

$
0
0

@jordaos wrote:

I have an application that when the user opens it, I check if it is already logged in. If so, it is redirected to HomePage, if not, it goes to LoginPage.

Where is the best place to do this verification and redirection? Currently I call LoginPage from the root page and check there whether the user is logged in or not. The problem is that every time I open the application, the LoginPage page is displayed (it takes a while to check if the user is logged on to the server)

Posts: 1

Participants: 1

Read full topic

Email Composer?

$
0
0

@Ben1nB1ack wrote:

Ok, I followed
http://ionicframework.com/docs/native/email-composer/
exactly

cli packages: (/Users/benjohansen/WebstormProjects/DrugPricingTool/node_modules)

    @ionic/cli-utils  : 1.18.0
    ionic (Ionic CLI) : 3.18.0

global packages:

    cordova (Cordova CLI) : 7.1.0

local packages:

    @ionic/app-scripts : 3.0.0
    Cordova Platforms  : browser 5.0.0 ios 4.5.2
    Ionic Framework    : ionic-angular 3.7.0

System:

    ios-deploy : 1.9.2
    Node       : v8.6.0
    npm        : 5.5.1
    OS         : macOS High Sierra
    Xcode      : Xcode 9.1 Build version 9B55

Environment Variables:

    ANDROID_HOME : not set

Misc:

    backend : pro

build shows no errors. xcode build shows no errors

mail setup on on iphone: version 11.1 (15B93)

all i get in xcode console is…

2017-11-13 15:58:56.336061-0800 PricingTool[7906:2349986] [MC] Filtering mail sheet accounts for bundle ID: io.ionic.starter, source account management: 1

Posts: 2

Participants: 1

Read full topic

Ionic Pricing

$
0
0

@PlanBDev wrote:

Can anyone tell me whether we have to keep subscribing the ionic framework after I’ve published my app?

Posts: 1

Participants: 1

Read full topic

Background url

$
0
0

@Smirnova wrote:

Hi there,

My trouble is that when I print the image url like so

{{ imagesFolder + selectedSampleType.image }}

or like so

it works. But I need to use it as a background for the div, which returns “undefined” for me:

What am I doing wrong here?

Thanks,
Olga

Posts: 1

Participants: 1

Read full topic

How to convert ionic Icons into Png?

$
0
0

@VickySmart wrote:

How to convert ionic Icons into Png ?

I had a research for a day but did not get any idea about it , Is there any way to do it ?

Posts: 1

Participants: 1

Read full topic

Viewing all 70448 articles
Browse latest View live


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