Quantcast
Channel: Ionic Forum - Latest posts
Viewing all 228535 articles
Browse latest View live

Ionic error adding platform

$
0
0

Then the problem is with your connection, as the error message says.


Ionic Deploy - cordova.js not found after update

$
0
0

Thank you for your answer @Sujan12! Sincerely I don't know how to add the proxy. There is a quick way to do this?

I looked the zip (www.zip) sent to the ionic cloud using the command "ionic upload" and it was fine. I send a zip, with the index.html with:

<script src="cordova.js"></script>

but the plugin "ionic-plugin-deploy" when load the downloaded update, change the url to:

<script src="file:///data/user/0/com.example.www/app_12b7t876-f543-098j-b65f-6h9u098jh123/cordova.js"></script>

This url doesn't not exist.

So the problem seems to be related only to the cordova.js url.
Googling a bit, I saw that, with an older version of the Ionic Deploy, was required comment out the cordova.js from the index.html. But with the current version there's not info on the documentation about this. I also tried to comment it out, but doesn't worked.

Error: Could not find gradle wrapper within android sdk. Might need to update yo ur Android SDK

$
0
0

I am still getting issue after copying files. Strange thing is why Android home is printed with some linux kind of directory. I have windows machine.

E:\Work\workspace\IonicSample>ionic package info
:heavy_check_mark: Retrieving latest build information - done!

id | 7
status | FAILED
platform | Android
mode | debug
profile | ionicsample
started | 2017-07-06T18:30:34.480Z
finished |

output:
ANDROID_HOME=/opt/android-sdk
JAVA_HOME=/usr/lib/jvm/java-8-oracle
Error: Could not find gradle wrapper within Android SDK. Might need to update your Android SDK.
Looked here: /opt/android-sdk/tools/templates/gradle/wrapper

E:\Work\workspace\IonicSample>echo %ANDROID_HOME%
E:\Softwares\Installed\Android\sdk

E:\Work\workspace\IonicSample>echo %java_HOME%
E:\Softwares\Installed\Java\jdk1.8.0_131

External Website Nav back to App

$
0
0

Can anyone help me with this? I am having some issues with externally linked sites. When I click the link it just takes me to the external site with no navigation options. Super frustrating and I am not so great with coding so my understanding of this stuff is very limited. Also having an issue with my tabbed navigation hierarchy not displaying

Is the ionic-plugin-keyboard dead?

$
0
0

I am having issues with the keyboard in iOS and noticed I am using the ionic-plugin-keyboard. However, there hasn't been any updates or releases since Oct 2016.

Is this project dead?
Should I switch to Native Keyboard instead?

MyApp not found error after ionic cordova build browser

$
0
0

I resolved this by removing forward reference injections to MyApp in several places in the code.

Is the ionic-plugin-keyboard dead?

How to import External JavaScript library pdfmake in Ionic 2


Is the ionic-plugin-keyboard dead?

Is the ionic-plugin-keyboard dead?

$
0
0

You could uninstall ionic-keyboard, and install cordova-plugin-keyboard, and see how it works for you. Check the comments at the very bottom of that thread. It sounds as though the devs want feedback from users, so if you tried it out and posted your experience there, it might help.

Is the ionic-plugin-keyboard dead?

$
0
0

Sounds good, will give it a try!

Camera plugin - How to control image size

$
0
0

I am using the camera plugin with the options below to capture images and then I save them in Firebase storage. The size for each image is approximately 1.2 MB, which is too big.

My question is, if I change the quality parameter to 50, for example, would that allow me to save an image with half the quality and half the size? Maybe?

takePhoto() {

    let cameraOptions : CameraOptions = {
        sourceType: this.camera.PictureSourceType.CAMERA,
        destinationType: this.camera.DestinationType.DATA_URL,
        quality: 100,
        targetWidth: 800,
        targetHeight: 800,
        encodingType: this.camera.EncodingType.PNG,
        correctOrientation: true
    };
    this.camera.getPicture(cameraOptions).then((imageData) => {
      this.saveThisPic = imageData;
      this.displayThisPic = "data:image/jpeg;base64," + imageData;
    }, (err) => {
      console.log(err);
    });
  }

Search only in component

$
0
0

You're almost always using Angular wrong if your code includes calls to document. To the maximum extent possible, talk to Angular and have Angular talk to the DOM. Probably the solution you want is something like: create a Map<componentName, inputs>, so you can keep track of inputs by componentName in your ts file. Then you add to the Map whenever you create a new component, and you can search through component 5's inputs whenever you need to,by using key 5 with the Map.

Native Screenshot doesn't work

$
0
0

I'm using your same idea here and I can't get it to go through. I'm relatively new to Ionic though so i'm not sure if there's more I'm missing.

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { Screenshot } from '@ionic-native/screenshot';


@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  public bridgeStatus;
  public destroy;

  constructor(public navCtrl: NavController, private screenshot: Screenshot) {
    this.bridgeStatus = 'fair'
    this.destroy = function() {
      console.log('screenshot', screenshot)

      screenshot.save('jpg', 80, 'myscreenshot.jpg')
      .then(res => {
        console.log(res.filepath)
      })
      .catch(() => console.error("screenshot error"))


      console.log('destroy hit')
      return this.bridgeStatus = 'Destroyed'
    }

  }

}

and i have it loaded into my ngModel here.

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 { AboutPage } from '../pages/about/about';
import { ContactPage } from '../pages/contact/contact';
import { HomePage } from '../pages/home/home';
import { TabsPage } from '../pages/tabs/tabs';

import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { Screenshot } from '@ionic-native/screenshot';

@NgModule({
  declarations: [
    MyApp,
    AboutPage,
    ContactPage,
    HomePage,
    TabsPage
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    AboutPage,
    ContactPage,
    HomePage,
    TabsPage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    Screenshot,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
  ]
})
export class AppModule {}

any help would be great!

Error in Upgrading to V3: Type 'IterableDiffer' is not generic

$
0
0

I have typescript at 2.3.4 right now, which is the recommended version for ionic-angular 3.5.0. Any other suggestions on how to track this down?


Ionic error adding platform

TypeScript error: Ionic CLI 1.2.1, ionic-angular 2.0.0-beta.6

$
0
0

Can you tell me how to resolve below error:

Error: Cannot find module '@angular/tsc-wrapped/src/tsc'

I tried below commands but did not get any success to resolve it:

npm install npm@latest -g
npm uninstall -g angular-cli
npm cache clean
npm install -g angular-cli@latest

How to delete current page when pop()

$
0
0

This is my problem: In my homePage -> push(SecondPage) -> pop() to HomePage -> push(SecondPage)
In SecondPage i use events.subscribe() to listen events from ThridPage,
And i get two events. so how can i delete current page when back previous page

How to do PUT request with FileTransfer

$
0
0

I'm saying it's worth a try. iOS in particular seems to be concerned with sending data to non-secure endpoints.

Native Screenshot doesn't work

$
0
0

also my .html.
there is a simple function to call screenshot and also change a var on the html.

<ion-header>
  <ion-navbar>
    <ion-title>Home</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <h2>Welcome to Ionic!</h2>
  <p>
    This starter project comes with simple tabs-based layout for apps
    that are going to primarily use a Tabbed UI.
  </p>
  <p>
    Take a look at the <code>src/pages/</code> directory to add or change tabs,
    update any existing page or create new pages.
  </p>
  <p>
    the bridge is {{bridgeStatus}}
  </p>
  <button (click)="destroy()">Destroy</button>
</ion-content>
Viewing all 228535 articles
Browse latest View live


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