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

Can't deploy with Ionic 4 build output ( /www )!

March 7, 2019, 7:57 pm
$
0
0

@emsdeveloper wrote:

I have started a new Ionic 4 project and have began to slowly migrate over pieces of an Ionic 3 app. Everything about Ionic 4 has been great so far, except deployment. Developing and serving locally causes no issues and the app runs fine, but early on I happened to notice the output in the /www directory was very different from what I was used to in Ionic 3. I decided to copy over and try to run the app on a web server like I had always done. With Ionic 4, this is causing issues and giving me a “Failed to load resource: net::ERR_FILE_NOT_FOUND” error for a few files. I desperately need to figure this out soon, so I can decide if it will be worth continuing the upgrade, or sticking with Ionic 3. Help will be very much appreciated.

After being presented with a blank screen, here’s the browser console

09%20PM
Screen Shot 2019-03-07 at 10.24.09 PM.png1946×1432 332 KB

Heres the output in /www in Ionic 4

38%20PM
Screen Shot 2019-03-07 at 10.25.38 PM.png1950×1372 604 KB

/www output I was used to in Ionic 3, that worked fine

06%20PM
Screen Shot 2019-03-07 at 10.25.06 PM.png1974×1376 114 KB

Here is the code repository - https://github.com/emsdeveloper/Ionic4

Posts: 1

Participants: 1

Read full topic

↧
Search

Admob-free makes ion-header non-functional in IOS

March 7, 2019, 8:54 pm
$
0
0

@soumen92 wrote:

Hello
I have used cordova-plugin-admob-free plugin for AdMob. The header buttons like back button are not functioning in where Admob present in IOS. Where there is no Admob all the header buttons working properly.
How to make the header buttons functional where Admob present in IOS?

Here is my ionic info output

Ionic:

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

Cordova:

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

System:

ios-sim : 6.1.3
NodeJS : v10.15.1 (/usr/local/bin/node)
npm : 6.4.1
OS : macOS High Sierra
Xcode : Xcode 10.1 Build version 10B61

Posts: 1

Participants: 1

Read full topic

↧
↧

Error running ionic v1 app on iOS 9.3

March 7, 2019, 9:36 pm
$
0
0

@thehawaiiproject wrote:

I have an app that runs fine on iOS 11 and 12, yet when it runs on iOS 9.3 it stalls on the splashscreen.

After putting the following in the HEAD of my index.html, I see that Javascript is throwing an error


 <script type="text/javascript">
     window.onerror = function (errorMsg, url, lineNumber) {
	 alert('Error: ' + errorMsg + ' Script: ' + url + ' Line: ' + lineNumber);
     }
    </script>

The error is

Error: Syntax Error: Unexpected token ‘)’, thrown by the following line:

 <script>
     if ('serviceWorker' in navigator) {
	 navigator.serviceWorker.register('service-worker.js')
		  .then(() => console.log('service worker installed'))
		  .catch(err => console.log('Error', err));
     }
    </script>

Which are legit I think.

Any idea what could be causing this? The app runs fine in current iOS versions but errors in 9.3.

Ionic Info output:

ionic info
[WARN] Bad integration name: gulp
:heavy_check_mark: Gathering environment info - done!

Ionic:

ionic (Ionic CLI) : 4.1.1 (/Users/markwatkins/.nvm/versions/node/v8.9.4/lib/node_modules/ionic)
Ionic Framework : ionic1 1.3.3
@ionic/v1-toolkit : 1.0.8

Cordova:

cordova (Cordova CLI) : 8.0.0
Cordova Platforms : android 7.0.0, browser 5.0.4, ios 4.5.4
Cordova Plugins : cordova-plugin-ionic-keyboard 2.0.5, cordova-plugin-ionic-webview 1.1.1, (and 19 other plugins)

System:

Android SDK Tools : 26.1.1 (/Users/markwatkins/Library/Android/sdk)
ios-deploy : 1.9.2
NodeJS : v8.9.4 (/Users/markwatkins/.nvm/versions/node/v8.9.4/bin/node)
npm : 5.6.0
OS : macOS High Sierra
Xcode : Xcode 10.1 Build version 10B61

Marks-MacBook-Air-2:bookship markwatkins$

Posts: 1

Participants: 1

Read full topic

↧

How to share multiple images via whatsapp in ionic 3?

March 7, 2019, 9:37 pm
↧

App restarting while capturing the camera image

March 7, 2019, 9:52 pm
$
0
0

@Velmurugan wrote:

When i am capturing the image using camera , my app is restarting . but its working fine in picking the image from Gallery.

This is my ionic info .

image

this is my code

.TS

public base64Image:any

capturePicture(){
this.backgroundMode.enable();
const option: CameraOptions = {
quality: 50,
destinationType: this.camera.DestinationType.DATA_URL,
encodingType: this.camera.EncodingType.JPEG,
mediaType: this.camera.MediaType.PICTURE,
}
this.camera.getPicture(option).then((imageData) => {
this.base64Image = ‘data:image/jpeg;base64,’ + imageData;
alert(this.base64Image)
}, (err) => {
// Handle error
});
}

HTML.

<img *ngIf=“base64Image” src="{{this.base64Image}}">

Posts: 1

Participants: 1

Read full topic

↧
↧

Ionic4 suppots pubnub

March 7, 2019, 10:36 pm
↧

Help me - Project

March 7, 2019, 11:06 pm
$
0
0

@Antoineb86 wrote:

Hello everyone,
I have a project in my school. This project is a robot that cleans the gutters.

I want to make an application that starts or stops the engine.
And I want the robot to move forward and backward.

I use an Arduino to communicate with the motor and the bluetooth HC-05

I think I use the Bluetooth API but this project is it possible?

thank you,

PS: I am French

Posts: 1

Participants: 1

Read full topic

↧

Cannot Dismiss LoadingController In Error Response Of Subscribe() - Ionic 4

March 7, 2019, 11:11 pm
$
0
0

@fikureyapin wrote:

I’m able to dismiss the LoadingController when I get a SUCCESS response from subscribe, but when I get an ERROR response, I’m not able to dismiss. Please help!

I’m a professional Python developer and a total newbie to Ionic, just started a day ago. So, please assist as such.

import { Component, OnInit } from '@angular/core';
import { ToastController, LoadingController } from '@ionic/angular';

import { CallapiService } from '../callapi.service';

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

  userEmail = '';
  userPassword = '';
  loginUrl = 'login/';
  loginMethod = 'POST';
  postBody = {};


  constructor(
    public toastController: ToastController,
    public loadingController: LoadingController,
    private callApiService: CallapiService,
  ) { }

  ngOnInit() {
  }

  async presentToast(displayMessage) {
    const toast = await this.toastController.create({
      message: displayMessage,
      duration: 2000,
      position: 'middle',
    });
    return await toast.present();
  }

  async presentLoading(loadingMessage) {
    const loading = await this.loadingController.create({
      message: loadingMessage,
    });
    return await loading.present();
  }


  loginUser() {
    if (this.userEmail === '' || this.userPassword === '') {
      this.presentToast('Email and password are required.');
    }

    else {
      this.presentLoading('Processing...');
      this.postBody = {
        email: this.userEmail,
        password: this.userPassword,
      };
      this.callApiService.callApi(this.loginUrl, this.postBody, this.loginMethod).subscribe(
        (success) => {
          console.log(success);
          this.loadingController.dismiss();
        },
        (error) => {
          console.log(error);
          this.loadingController.dismiss();
        }
      );
    }

  }

}

Posts: 1

Participants: 1

Read full topic

↧
Search

Top 7 Best Hybrid Mobile App Frameworks for 2019

March 7, 2019, 11:25 pm
$
0
0

@Harry13 wrote:

This blog is going to be all about the Latest Mobile app development trends in hybrid app development frameworks.

Looking for the best hybrid mobile app frameworks? We have created a list of top hybrid mobile app development frameworks for 2019. Check it out.

Posts: 1

Participants: 1

Read full topic

↧
↧

Get current location using internet

March 8, 2019, 12:25 am
$
0
0

@test-nikko wrote:

I am trying to use the native geolocation of ionic, but sadly it cannot get my current location because I am in a closed building. Is there a way to get current location using the internet? Or other solution that does not use the native gps

Posts: 1

Participants: 1

Read full topic

↧

Match counter with object

March 8, 2019, 12:42 am
$
0
0

@Astrix wrote:

public counter = 0;

xNum: any;

x0: any;
x1: any;
x2: any;
x3: any;
x4: any;

next(){
this.counter+=1;
this.storage.set(“Count”,this.counter);
this.logic();
}

logic(){
//automatic counter here
this.xNum=JSON.parse(JSON.stringify(“this.x”+JSON.stringify(this.counter)+"=true"));
console.log(this.xNum);
this.xNum;
}

Hi,

I hope someone can help me with this.
I have multiple objects (x1 - x4). I would like to set them true without doing it manually with all items.For this I set up a counter if which gets executed the next one will be automatically executed. The above is not working.
Does anyone have a working method/solution here?

Thank you in advance,
&
Astrix

Posts: 1

Participants: 1

Read full topic

↧

Is there anyway to live video streaming in Ionic app?

March 8, 2019, 1:19 am
$
0
0

@Purishanker wrote:

I’m creating a social app where user can add friends.
Now I want to implement a live video chat. Where user go live and all other friends can see.
Anyone help ??
Thanks in advance.

Posts: 1

Participants: 1

Read full topic

↧

API ionic error

March 8, 2019, 1:36 am
↧
↧

Problem app xiaomi and ionic v3

March 8, 2019, 1:54 am
$
0
0

@txebas wrote:

I am programming an app with ionic v3, when this app is running on some xiaomi devices there isn’t elements that have been viewing in other devices. what happened? is there any incompatibily with xiaomi phones?

Posts: 1

Participants: 1

Read full topic

↧

How to run JS file inline in ionic

March 8, 2019, 1:57 am
$
0
0

@smiliyee wrote:

Hi i know like the same question has been asked several posts and i gone through all of them still couldn’t get any solution like there is no proper or clear solution… actually i have an accordion which has JS file, the accordion works only if the specific JS file runs, as normal HTML file we can run JS by adding tag … i wana run a JS file inline in HTML and make the accordion work in ionic, please help …

Thank You …

Posts: 1

Participants: 1

Read full topic

↧
Search

Broken URLs in your documentation

March 8, 2019, 2:56 am
↧

Unsafe-eval CSP error in my Ionic application

March 8, 2019, 3:21 am
$
0
0

@ChandrikaPrasad wrote:

I had created a normal ionic application without any plugins installed. But I’m getting "EvalError: “call to Function() blocked by CSP” .But I don’t want to use “unsafe-eval” in my Headers for CSP. How could i solve this

Posts: 1

Participants: 1

Read full topic

↧
↧

Run app without ionic serve

March 8, 2019, 4:29 am
$
0
0

@B3nvo wrote:

Hi,

while testing the app i came across the problem that i can only run the app if ionic serve is running.
The case is that i wanted to make the app so that it runs without ionic serve or any serve for that matter.

are there perhaps any wrongs in my config.xml?

i thought that after building, you can run it without the use of ionic serve.

if i run the app without ionic serve turned on i get the error net::ERR_CONNECTION_REFUSED (http://localhost/)

Posts: 1

Participants: 1

Read full topic

↧

Error generating component in Ionic 4

March 8, 2019, 5:54 am
$
0
0

@mrlooper wrote:

Hello,

I am new to Ionic 4 and I am having problems generating my first component.

I use the following command to generate it:

ionic generate component bp-toolbar

It genrerate following files:

bp-toolbar.component.html
bp-toolbar.component.scss
bp-toolbar.component.spec.ts
bp-toolbar.component.ts

I can see inside spec file:

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

import { BpToolbarPage } from './bp-toolbar.page';

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

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

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

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

but it tries to import bp-toolbar.page which doesn’t exist.

ionic info:

Ionic:

   ionic (Ionic CLI)             : 4.5.0 (/usr/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.2
   @angular-devkit/build-angular : 0.12.4
   @angular-devkit/schematics    : 7.2.4
   @angular/cli                  : 7.2.4
   @ionic/angular-toolkit        : 1.4.0

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : none
   Cordova Plugins       : no whitelisted plugins (3 plugins total)

System:

   Android SDK Tools : 26.1.1 (/root/Android/Sdk)
   NodeJS            : v11.3.0 (/usr/bin/node)
   npm               : 6.4.1
   OS                : Linux 4.9

May it be a bug?

Regards

Posts: 1

Participants: 1

Read full topic

↧

Regarding linkedin Plugin integration

March 8, 2019, 6:16 am
$
0
0

@Lakshmareddy wrote:

When using Ionic native linkedin plugin integration after successful auth always it returning empty result in android and ios.

Posts: 1

Participants: 1

Read full topic

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