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

Ionic 4 : Side bar not working for android 4.4.2

$
0
0

@jkasun wrote:

New ionic menu bar is not working from android 4.4.3, the screen gets darker and unresponsive when toggle menu button is clicked. When tested with android 7.0 it works.

Posts: 1

Participants: 1

Read full topic


How to make a good framework

Ionic V1 {reload: true} issue

$
0
0

@wernerFlorian09 wrote:

Hi guys,

I am using reload true on an app in order to refresh a view with new data. The problem is that with two phones on android 7.0 I get a different functionality.

One will push only one view into the ionicHistory stack and the other will push two times the same view. This issue is a big problem because there is no way I can anticipate it.

Thanks a lot.

Posts: 1

Participants: 1

Read full topic

Ionic v4 : Icons not showing since update

$
0
0

@maxg86 wrote:

Hello,

I’m upgrading today from a v4beta15 to v4.0.0 using ionic and angular to build a PWA and my ion icons disappeared, leading to 404 request to http://localhost:8100/svg/md-calendar.svg for example no major change has been made except for the version upgrade

Here is my package.json

{
  "name": "app-name",
  "version": "0.0.0",
  "private": true,
  "repository": "",
  "dependencies": {
    "@angular/common": "7.2.1",
    "@angular/compiler": "7.2.1",
    "@angular/core": "7.2.1",
    "@angular/forms": "7.2.1",
    "@angular/http": "7.2.1",
    "@angular/platform-browser": "7.2.1",
    "@angular/platform-browser-dynamic": "7.2.1",
    "@angular/router": "7.2.1",
    "@auth0/angular-jwt": "^2.1.0",
    "@ionic-native/core": "5.0.0-beta.14",
    "@ionic-native/splash-screen": "5.0.0-beta.14",
    "@ionic-native/status-bar": "5.0.0-beta.14",
    "@ionic/angular": "4.0.0",
    "class-transformer": "^0.2.0",
    "cordova-android": "^6.4.0",
    "cordova-plugin-ionic-webview": "^2.2.0",
    "core-js": "2.5.7",
    "d3-array": "^2.0.2",
    "d3-axis": "^1.0.12",
    "d3-collection": "^1.0.7",
    "d3-scale": "^2.1.2",
    "d3-selection": "^1.3.2",
    "d3-shape": "^1.2.2",
    "d3-time": "^1.0.10",
    "d3-time-format": "^2.1.3",
    "error-stack-parser": "^2.0.2",
    "jsonwebtoken": "^8.4.0",
    "jwt-decode": "^2.2.0",
    "luxon": "^1.7.1",
    "moment": "^2.22.2",
    "query-string": "^6.2.0",
    "reflect-metadata": "^0.1.12",
    "rxjs": "6.2.2",
    "zone.js": "0.8.26"
  },
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.12.3",
    "@angular-devkit/core": "7.2.1",
    "@angular-devkit/schematics": "7.2.1",
    "@angular/cli": "7.0.2",
    "@angular/compiler-cli": "7.2.1",
    "@angular/language-service": "~7.0.0",
    "@ionic/schematics-angular": "^1.0.7",
    "@types/jasmine": "~2.8.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~10.7.1",
    "codelyzer": "~4.5.0",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~3.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~1.1.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tslint": "~5.11.0",
    "typescript": "3.1.6"
  }
}

Thanks in advance,
Max

Posts: 1

Participants: 1

Read full topic

Calibrate gps before location request

$
0
0

@AlexRoca wrote:

Hello everyone! that’s my question, how can i calibrate the device gps before location request?
I’m imagining something like on components.ts force a request at the beginning :thinking:
someone tryed before?
the plugin that im using is this cordova-plugin-gpslocation

any help very apreciated, greetings

global packages:

@ionic/cli-utils : 1.5.0
Cordova CLI      : 8.1.2 (cordova-lib@8.1.1)
Ionic CLI        : 3.5.0

local packages:

@ionic/app-scripts : 1.3.12
Cordova Platforms  : android 7.1.4
Ionic Framework    : ionic-angular 3.5.0

System:

Node       : v6.9.0
OS         : Windows 10
Xcode      : not installed
ios-deploy : not installed
ios-sim    : not installed
npm        : 3.10.8

Posts: 1

Participants: 1

Read full topic

How to sync my photos with server without without opening app

Getting error in camera ionic 3

Security Alert for cordova-plugin-ionic-webview


Cordova IBeacon plugin doesen't work on Ionic v4

$
0
0

@matteocusinato wrote:

I’m using Ionic Framework v4 stable, and I need to implements IBeacon, but it seems the plugin gives an error. In the Github’s repo there are many open issues.
The error is:

ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'locationManager' of undefined

Thank you for your help.

Posts: 1

Participants: 1

Read full topic

Setup Firebase (Google Analytics) with Ionic V1

$
0
0

@mmcgeehan wrote:

Hello Good People of Ionic,

I am working on an Ionic V1 application and Google is now pushing everyone to use Firebase rather than the standard Google Analytics as of October 2019… Is there a tutorial out there for setting up Firebase with Ionic V1?

I can find recent documentation for V3, but the project structure is very different so I am confused about how to implement.

I am a beginner with app development. Any insights would be very appreciated!

Thanks,

Matt

Posts: 1

Participants: 1

Read full topic

Browser HTML is too big

$
0
0

@guidosl wrote:

the HTML (font, paddings, buttons, etc) is too big in platform browser

some way to reduce all this in scale??

thanks!

Posts: 2

Participants: 2

Read full topic

I want to upload image to Django Rest API

$
0
0

@nolwie wrote:

Hi, i want upload image to Django Rest API. I created the “select from gallery” and “take a picture” options. But how can I upload it? Which method is better? Thanks.

Posts: 1

Participants: 1

Read full topic

Cant install openAlpr

$
0
0

@paulocentr wrote:

I’m trying to add the OpenAlpr to my project, but im getting java errors, heres my ionic Info:

cli packages: (C:\Users\paulo\AppData\Roaming\npm\node_modules)

    @ionic/cli-utils  : 1.19.2
    ionic (Ionic CLI) : 3.20.0

global packages:

    cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)

local packages:

    @ionic/app-scripts : 3.1.9
    Cordova Platforms  : android 7.1.4
    Ionic Framework    : ionic-angular 3.9.2

System:

    Node : v8.11.1
    npm  : 6.7.0
    OS   : Windows 10

Environment Variables:

    ANDROID_HOME : not set

Misc:

    backend : pro

And the error:
error: package com.openalpr.jni does not exist import com.openalpr.jni.Alpr;

If i import using the default package in app.module dont work

import { OpenALPR, OpenALPROptions, OpenALPRResult } from '@ionic-native/openalpr';
i’ve got the following error:

c808e2e8-2b17-4fad-80d4-fcf495e5d65e

but if i add ngx to the end of the import the error goes away but got a compile error

import { OpenALPR, OpenALPROptions, OpenALPRResult } from '@ionic-native/openalpr/ngx';

Posts: 1

Participants: 1

Read full topic

Error TS1149

$
0
0

@desarrolloSan wrote:

I do the construction for ios and I get this error:
TS1149 file name error “” differs from already included file name “” only in casing.
Does anyone have a solution for this?

Posts: 1

Participants: 1

Read full topic

Empty page when including css and js from CDN

$
0
0

@surenkonathala wrote:

When i’m including
<script src="https://unpkg.com/@ionic/core@4.0.0/dist/ionic.js" /> in a simple html file, the page loads blank? If i remove the js include line, atleast i can see the output without CSS being applied. I even tried to change from CDN to local, still empty page. Am i missing something??

<html>
 <head>
   <link href="https://unpkg.com/@ionic/core@4.0.0/css/ionic.bundle.css" rel="stylesheet">
   <script src="https://unpkg.com/@ionic/core@4.0.0/dist/ionic.js" />
 </head>
 <body>
   <ion-title>TEST</ion-title>
 </body
</html>

44%20PM 35%20PM

Posts: 1

Participants: 1

Read full topic


What does "RTL" mean in Ionic 4.0.0 RTL?

$
0
0

@doron wrote:

I keep seeing “RTL” as the current version of Ionic, in Github and on here, e.g. here https://github.com/ionic-team/ionic/issues/17012

Please excuse my ignorance, but could somebody please tell me what RTL means? It was difficult to find an answer online - still haven’t found one - because that acronym could stand for so many things…

Thanks!

Posts: 2

Participants: 2

Read full topic

Render CSV parsed with Papaparse into HTML

$
0
0

@admintgsgroup wrote:

I’m working with Ionic 3 and I need to visualize a CSV in my app. I used Papaparse to read the file and I got them with console.log(this.csvData)

But I can’t show them in the HTML file (the space in blank should show the table with the info). All I want is a table with the info of the CSV file local store. If you can see headerRow and csvData are empty when calling {{headerRow}} and {{csvData}} in HTML. The thing is I can’t access to both arrays to render them.
I’m using Ionic 3 with Angular 5.

this is part of my .ts file ;

export class myPage {
csvData: any[] = [];
headerRow: any[] = [];
url = 'assets/json/data.csv'; 
constructor(public navCtrl: NavController, public navParams:
    NavParams, private httpClient: HttpClient, 
    public modalController: ModalController) {
        this.extract() 
}
private extract(){
Papa.parse(this.url, {
  download: true,
  complete: function(results) {
    this.csvData=results.data;  
    this.headerRow = this.csvData[0]; 
    this.csvData.splice(0, 1); 
    console.log(this.csvData);  
    console.log(this.headerRow);  
    }
});
}
}

this is part of my .HTML file :

<ion-content>
 <ion-item> 
        <div  class="data-scroll">
            <table border="1" class="data-table">
                  <tr>
                    <td *ngFor="let row of headerRow; let i = index" text-center>
                      <b> {{ row }} </b>
                    </td>
                  </tr>    
                  <tr  *ngFor="let row of csvData; let i = index" >
                    <td *ngFor="let item of row; let j = index"> 
                      {{row}} 
                    </td>
              </table>
      </div>   
  
      <br>
      header: 
      {{ headerRow | json }}
      csvData: 
      {{ csvData | json  }}
    </ion-item> 
  </ion-item> 
</ion-content>

Posts: 1

Participants: 1

Read full topic

Project definition could not be found

$
0
0

@stefk wrote:

I’m unable to run ionic cordova build android due to the following error:

> ng run app:ionic-cordova-build --platform=android
The run command requires to be run in an Angular project, but a project definition could not be found.
[ERROR] An error occurred while running subprocess ng.

        ng run app:ionic-cordova-build --platform=android exited with exit code

        1.

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

This is the output from running it with --verbose:

  ionic:lib Terminal info: { tty: true, ci: false, windows: true } +0ms
  ionic:lib CLI global options: { _: [ 'cordova', 'build', 'android' ], help: null, h: null, verbose: true, quiet: null, interactive: true, color: true, confirm: null, json: null, project: null, '--': [] } +6ms
  ionic:lib:project Project type from config: @ionic/angular (angular) +0ms
  ionic:lib:project Project details: { configPath: 'c:\\Projects\\drbapp\\ionic.config.json', errors: [], context: 'app', type: 'angular' } +1ms
  ionic Context: { binPath: 'C:\\Users\\stefk\\AppData\\Roaming\\npm\\node_modules\\ionic\\bin\\ionic', libPath: 'C:\\Users\\stefk\\AppData\\Roaming\\npm\\node_modules\\ionic', execPath: 'c:\\Projects\\drbapp', version: '4.9.0' } +0ms
  ionic:lib:integrations:cordova:config Using config.xml: c:\Projects\drbapp\config.xml +0ms
  ionic:lib:telemetry Sending telemetry for command: 'ionic cordova build' [ 'android', '--verbose', '--interactive', '--color' ] +0ms
  ionic:lib:hooks Looking for ionic:build:before npm script. +0ms
  ionic:lib:build Looking for ionic:build npm script. +0ms
> ng run app:ionic-cordova-build --platform=android
The run command requires to be run in an Angular project, but a project definition could not be found.
[ERROR] An error occurred while running subprocess ng.

        ng run app:ionic-cordova-build --platform=android exited with exit code

        1.

        Re-running this command with the --verbose flag may provide more
        information.
  ionic:cli-framework:utils:process onBeforeExit handler: process.exit received+0ms
  ionic:cli-framework:utils:process onBeforeExit handler: running 1 functions +1ms
  ionic:cli-framework:utils:process error while killing process tree for 17852:{ Error: Command failed: taskkill /pid 17852 /T /F
  ionic:cli-framework:utils:process ERROR: The process "17852" not found.
  ionic:cli-framework:utils:process
  ionic:cli-framework:utils:process     at ChildProcess.exithandler (child_process.js:297:12)
  ionic:cli-framework:utils:process     at ChildProcess.emit (events.js:197:13)
  ionic:cli-framework:utils:process     at maybeClose (internal/child_process.js:978:16)
  ionic:cli-framework:utils:process     at Socket.stream.socket.on (internal/child_process.js:395:11)
  ionic:cli-framework:utils:process     at Socket.emit (events.js:197:13)
  ionic:cli-framework:utils:process     at Pipe._handle.close (net.js:611:12)
  ionic:cli-framework:utils:process   killed: false,
  ionic:cli-framework:utils:process   code: 128,
  ionic:cli-framework:utils:process   signal: null,
  ionic:cli-framework:utils:process   cmd: 'taskkill /pid 17852 /T /F' } +216ms
  ionic:cli-framework:utils:process onBeforeExit handler: error from function: { Error: Command failed: taskkill /pid 17852 /T /F
  ionic:cli-framework:utils:process ERROR: The process "17852" not found.
  ionic:cli-framework:utils:process
  ionic:cli-framework:utils:process     at ChildProcess.exithandler (child_process.js:297:12)
  ionic:cli-framework:utils:process     at ChildProcess.emit (events.js:197:13)
  ionic:cli-framework:utils:process     at maybeClose (internal/child_process.js:978:16)
  ionic:cli-framework:utils:process     at Socket.stream.socket.on (internal/child_process.js:395:11)
  ionic:cli-framework:utils:process     at Socket.emit (events.js:197:13)
  ionic:cli-framework:utils:process     at Pipe._handle.close (net.js:611:12)
  ionic:cli-framework:utils:process   killed: false,
  ionic:cli-framework:utils:process   code: 128,
  ionic:cli-framework:utils:process   signal: null,
  ionic:cli-framework:utils:process   cmd: 'taskkill /pid 17852 /T /F' } +6ms
  ionic:cli-framework:utils:process onBeforeExit handler: exiting (exit code 1)+5ms

Here is my output for ionic info:

[ERROR] Error loading @ionic/angular package.json: Error: Cannot find module
        '@ionic/angular/package'
[ERROR] Error loading @ionic/angular-toolkit package.json: Error: Cannot find
        module '@ionic/angular-toolkit/package'
[ERROR] Error loading @angular-devkit/build-angular package.json: Error: Cannot

        find module '@angular-devkit/build-angular/package'

Ionic:

   ionic (Ionic CLI)             : 4.9.0 (C:\Users\stefk\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework               : not installed
   @angular-devkit/build-angular : not installed
   @angular-devkit/schematics    : 7.2.3
   @angular/cli                  : 7.2.3
   @ionic/angular-toolkit        : not installed

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 7.1.4
   Cordova Plugins       : no whitelisted plugins (22 plugins total)

System:

 (C:\Users\stefk\AppData\Local\Android\android-sdk)
   NodeJS            : v11.8.0 (C:\Program Files\nodejs\node.exe)
   npm               : 6.7.0
   OS                : Windows 7

This is after upgrading to the latest node.js, npm, ionic CLI, and cordova, in an attempt to fix android builds failing due to “Unable to merge dex” (and unlike what the countless search results for this error suggest, cordova clean android did nothing to fix it), but this is a legacy Ionic v1 app for which a rewrite for the latest Ionic is not feasible for at the moment.

I see there are plenty of problems I have now from this upgrade, but I’m unsure how to fix any of them.

I tried running ng update @angular/cli --migrate-only --from=1.4.3 (I’m assuming 1.4.3 is the version number I was supposed to put there, it’s the version number indicated in www/lib/ionic/js/angular/angular.js), but that only gives me an error stating Could not find configuration file.

Posts: 1

Participants: 1

Read full topic

Ionic 3 get ssid

Load HTML File Located At File:/// From iFrame Ionic Native Cordova InAppBrowser iOS

$
0
0

@ewgiddings wrote:

I am attempting to load an html file located on an iOS simulator’s file system from within an iframe in the index.html file that the InAppBrowser loads.

I am using Ionic v4, and Cordova / Ionic Native InAppBrowser.

I have an index.html file that I open in the InAppBrowser. Within that index.html file, on InAppBrowser’s ‘loadstop’ event I set the source of the iframe to be the downloaded file located at this.file.dataDirectory (file:///…/Library/Developer/CoreSimulator/Devices/DF13FBF9-AB1C-43CB-B18F-8DB39329421B/data/Containers/Data/Application/9F97B99F-97E5-4B2A-9650-2BE8D57FD074/Library/NoCloud/…/index.html)

However, this does not load the html and only shows me a blank screen. I have * wildcard set for all my config.xml origins/navigations/intents with the whitelist plugin installed.

How am I able to load this html file that I have downloaded to the default destination within an iFrame within an index.html file in InAppBrowser?

Posts: 1

Participants: 1

Read full topic

Viewing all 70434 articles
Browse latest View live


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