@pdj wrote:

when view is loaded, I add hard coded 2 values to mainlist array to show. and then I read 3values from file system of my phone
and add it to mainlist to show it more on view.
but it takes to much time to show values from file system…funny thing is that when I check log, it already load 3 value…

below is how I get 3 values and put it in mainlist array to show it main page view…
it show all value 10 seconds after it logs “done”

gotFile(fileEntry) {
  console.log(fileEntry);
    console.log("getfile comecc")
    fileEntry.file((file)=> {
      console.log("file is")
      console.log(file);
      var reader = new FileReader();
      var a =reader.readAsText(file);

      reader.onloadend = ((e: any) => { 

        var a=e.target;
       
        var jsonvalue=JSON.parse(JSON.stringify( a._result));
        var newvaluee=jsonvalue.split("&");
  
        for(var i=0; i<newvaluee.length; i++){
          this.mainlist.push(JSON.parse(newvaluee[i]));
        }

        console.log(this.mainlist);
        // this.totallist=this.mainlist;
        console.log("done")
        window.alert(this.mainlist.length);

       });

       
    });
  
  }

Posts: 1

Participants: 1

Read full topic

@bbarascou wrote:

Hello,

When I use ion tabs on a page that is on an ion tab, everything works fine except for the selected item that does not highlight

Capture d’écran 2019-07-29 à 15.15.20.png699×736 10.2 KB

And this is my code StackBlitz

Do you have any idea how to fix this ?

Thank you

Posts: 1

Participants: 1

Read full topic

@wasiqaftab wrote:

HI

i am trying to make a build with --prod but its not working . i can make build easily with --dev command. Here is my json file

{
"name": "chimera",
"version": "0.0.1",
"author": "Ionic Framework",
"homepage": "http://ionicframework.com/",
"private": true,
"scripts": {
  "clean": "ionic-app-scripts clean",
  "build": "ionic-app-scripts build",
  "lint": "ionic-app-scripts lint",
  "ionic:build": "ionic-app-scripts build",
  "ionic:serve": "ionic-app-scripts serve"
},
"dependencies": {
  "@angular/common": "5.2.11",
  "@angular/compiler": "5.2.11",
  "@angular/compiler-cli": "5.2.11",
  "@angular/core": "5.2.11",
  "@angular/forms": "5.2.11",
  "@angular/http": "5.2.11",
  "@angular/platform-browser": "5.2.11",
  "@angular/platform-browser-dynamic": "5.2.11",
  "@ionic-native/admob-free": "4.20.0",
  "@ionic-native/call-number": "4.16.0",
  "@ionic-native/core": "4.4.0",
  "@ionic-native/email-composer": "4.16.0",
  "@ionic-native/file-opener": "^4.16.0",
  "@ionic-native/in-app-browser": "4.20.0",
  "@ionic-native/onesignal": "^4.20.0",
  "@ionic-native/social-sharing": "4.16.0",
  "@ionic-native/splash-screen": "4.4.0",
  "@ionic-native/status-bar": "4.4.0",
  "@ionic/cloud-angular": "0.12.0",
  "@ionic/pro": "1.0.16",
  "@ionic/storage": "2.1.3",
  "@ngx-translate/core": "9.1.1",
  "@ngx-translate/http-loader": "3.0.1",
  "angular2-masonry": "0.4.0",
  "call-number": "1.0.1",
  "cordova-admob-sdk": "^0.13.1",
  "cordova-android": "6.4.0",
  "cordova-ios": "4.5.5",
  "cordova-plugin-admob-free": "^0.13.0",
  "cordova-plugin-compat": "1.2.0",
  "cordova-plugin-device": "^1.1.7",
  "cordova-plugin-file-opener2": "^2.2.1",
  "cordova-plugin-inappbrowser": "^1.7.2",
  "cordova-plugin-ionic-webview": "^1.2.1",
  "cordova-plugin-splashscreen": "^4.1.0",
  "cordova-plugin-whitelist": "^1.3.4",
  "cordova-plugin-x-socialsharing": "^5.4.7",
  "cordova-promise-polyfill": "0.0.2",
  "es6-promise-plugin": "^4.2.2",
  "ionic-angular": "3.9.2",
  "ionic-marquee": "0.4.0",
  "ionic-plugin-keyboard": "^2.2.1",
  "ionicons": "3.0.0",
  "mx.ferreyra.callnumber": "0.0.2",
  "ng2-twitter": "0.3.0",
  "onesignal-cordova-plugin": "^2.5.0",
  "rxjs": "6.3.3",
  "rxjs-compat": "6.3.3",
  "sw-toolbox": "3.6.0",
  "webpack-sources": "1.3.0",
  "xml2js": "0.4.19",
  "zone.js": "0.8.18"
},
"devDependencies": {
  "@ionic/app-scripts": "3.2.4",
  "@ionic/lab": "1.0.2",
  "@types/xml2js": "0.4.3",
  "typescript": "2.4.2"
},
"description": "An Ionic project",
"cordova": {
  "plugins": {
    "cordova-plugin-inappbrowser": {},
    "cordova-plugin-x-socialsharing": {
      "ANDROID_SUPPORT_V4_VERSION": "24.1.1+",
      "PHOTO_LIBRARY_ADD_USAGE_DESCRIPTION": "This app requires photo library access to function properly.",
      "PHOTO_LIBRARY_USAGE_DESCRIPTION": "This app requires photo library access to function properly."
    },
    "mx.ferreyra.callnumber": {},
    "cordova-plugin-admob-free": {
      "ADMOB_APP_ID": "ca-app-pub-2899054860592317~3367233553"
    },
    "cordova-plugin-device": {},
    "cordova-plugin-ionic-webview": {},
    "cordova-plugin-splashscreen": {},
    "cordova-plugin-whitelist": {},
    "ionic-plugin-keyboard": {},
    "call-number": {},
    "cordova-plugin-file-opener2": {
      "ANDROID_SUPPORT_V4_VERSION": "27.+"
    },
    "onesignal-cordova-plugin": {}
  },
  "platforms": [
    "android",
    "ios"
  ]
}
}

Please see my CLI info

Ionic:

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

Cordova:

   Cordova CLI       : 8.0.0
   Cordova Platforms : android 6.4.0
   Cordova Plugins   : cordova-plugin-ionic-webview 1.2.1, (and 9 other plugins)

Utility:

   cordova-res : not installed
   native-run  : 0.2.8

System:

   ios-deploy : 1.9.4
   NodeJS     : v8.12.0 (/usr/local/bin/node)
   npm        : 6.4.1
   OS         : macOS Mojave
   Xcode      : Xcode 10.3 Build version 10G8

And lastly thats the error what i am getting . i am not sure and dont know which file is causing this issue

ionic-app-scripts build --prod --target cordova --platform android
[14:19:04]  ionic-app-scripts 3.2.4 
[14:19:04]  build prod started ... 
[14:19:04]  clean started ... 
[14:19:04]  clean finished in 2 ms 
[14:19:04]  copy started ... 
[14:19:05]  deeplinks started ... 
[14:19:05]  deeplinks finished in 260 ms 
[14:19:05]  ngc started ... 
[14:19:12]  typescript error 
            Error during template compile of 'BrowserXhr' Function calls are not supported in decorators but 
            'makeDecorator' was called in 'Injectable' 'Injectable' references 'Injectable' 'Injectable' references 
            'Injectable' 'Injectable' references 'Injectable' 'Injectable' calls 'makeDecorator'. 

[14:19:12]  ionic-app-script task: "build" 
[14:19:12]  Error: The Angular AoT build failed. See the issues above 
Error: The Angular AoT build failed. See the issues above
    at /Users/wasiq/Desktop/development/fantaproapp/node_modules/@ionic/app-scripts/dist/aot/aot-compiler.js:237:55
    at step (/Users/wasiq/Desktop/development/fantaproapp/node_modules/@ionic/app-scripts/dist/aot/aot-compiler.js:32:23)
    at Object.next (/Users/wasiq/Desktop/development/fantaproapp/node_modules/@ionic/app-scripts/dist/aot/aot-compiler.js:13:53)
    at fulfilled (/Users/wasiq/Desktop/development/fantaproapp/node_modules/@ionic/app-scripts/dist/aot/aot-compiler.js:4:58)
    at <anonymous>
[ERROR] An error occurred while running subprocess ionic-app-scripts.
        
        ionic-app-scripts build --prod --target cordova --platform android exited with exit code 1.
        
        Re-running this command with the --verbose flag may provide more information.
  ionic:utils-process onBeforeExit handler: 'process.exit' received +0ms
  ionic:utils-process onBeforeExit handler: running 4 functions +0ms
  ionic:utils-process processExit: exiting (exit code: 1) +29ms

Any help will be appreciated

Posts: 1

Participants: 1

Read full topic

@Tommertom wrote:

Hi
I am trying to change the size (and other props) of a modal in Ionic 4 (Angular), tablet size.

I tried

ion-modal {
  --width: 99%;
  --border-color: red;
  --min-width: 95%;
  --background: black;
}

app-question {
  --width: 99%;
  --border-color: red;
  --min-width: 95%;
  --background: black;
}

Where app-question is the selector of the modalpage being displayed. I tried to put it in the scss file of the page itself and at global level.

To no avail. Any knows how to select the modal to change the css as mentioned in the docs for ion-modal?

Regards,

Tom

Posts: 1

Participants: 1

Read full topic

@Tubiss wrote:

I am using Angular full calendar and it display well and when ı want to load events from array somethings went wrong. And ı installed jquery

export class HomePage  implements OnInit {

ngOnInit(){

   

    $('#calendar').fullCalendar({
      events: [
        {
          title: 'Event Title1',
          start: '2019-03-17T13:13:55.008',
          end: '2015-09-19T13:13:55.008'
        },
        {
          title: 'Event Title2',
          start: '2019-04-17T13:13:55-0400',
          end: '2019-04-19T13:13:55-0400'
        }
      ]
    });

   
   
}

}

ı didnt get any syntax error but when ı run ı faced up this error.

Error: Uncaught (in promise): TypeError: WEBPACK_IMPORTED_MODULE_5_jquery(…).fullCalendar is not a function TypeError: WEBPACK_IMPORTED_MODULE_5_jquery(…).fullCalendar is not a function

Posts: 1

Participants: 1

Read full topic

@mazeethd wrote:

hi,
I am trying to remove source map files in the production build of Ionic 4 Android APK.
i have tried using --generateSourceMap false in command line and also below config in package.json

  "config": {
    "ionic_bundler": "webpack",
    "ionic_generate_source_map": false,
    "ionic_source_map_type": "source-map"
  }

Irrespective of all these, it is generating .map files in the production apk

Kindly suggest an option to remove the map files

Posts: 1

Participants: 1

Read full topic

@akilah7 wrote:

Keyboard overlap issue only appears when statusbar overlaysWebView(true).

Any solution?

Posts: 1

Participants: 1

Read full topic

@maheshc wrote:

ionic cordova build ios --prod
Running app-scripts build: --prod

[14:11:29] build prod started …
[14:11:29] clean started …
[14:11:30] clean finished in 6 ms
[14:11:30] copy started …
[14:11:30] deeplinks started …
[14:11:30] deeplinks finished in 138 ms
[14:11:30] ngc started …
Error: Cannot find module ‘@angular/compiler/src/compiler’

ionic info -

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

@ionic/cli-utils  : 1.9.0
ionic (Ionic CLI) : 3.9.0

global packages:

Cordova CLI : 8.1.0 

local packages:

@ionic/app-scripts : 3.2.3
Cordova Platforms  : browser 5.0.4 ios 4.5.5
Ionic Framework    : ionic-angular 3.9.2

System:

Android SDK Tools : 26.1.1
ios-deploy        : 1.9.4 
Node              : v8.15.1
npm               : 6.10.2 
OS                : macOS
Xcode             : Xcode 10.1 Build version 10B61 

Config xml

<?xml version='1.0' encoding='utf-8'?> BimaCalc An awesome Ionic/Cordova app. Ionic Framework Team

Posts: 1

Participants: 1

Read full topic

@seyibaks wrote:

I am currently working on an application that is already in production. Up until this moment, I have been able to build for both Android and iOS and push to their respective stores with no issues.

I recently started getting an issue with vendor.js. The error reads:

“line”:69253,“column”:39,“sourceURL”:“file:///var/containers/Bundle/Application/196795B0-98E3-4A40-8BC1-DEDD097EA271/.app/www/build/vendor.js”

This error is stopping me for making an API call. The functionality is working on Android, but not iOS. I am not sure if the error is caused by the iOS platform itself or if there’s something I need to do. The error is not very descriptive so I don’t really know what to do.

Posts: 1

Participants: 1

Read full topic

@Percydev2020 wrote:

Hi all, I’m a beginner in ionic and I’m having this problem

C:\Users\djeko\jaitrouve>ionic cordova build android
> cordova.cmd platform add android --save
C:\Users\djeko\jaitrouve\node_modules\execa\index.js:347
** throw err;**
** ^**

Error: Command failed: wmic os get Caption
ou externe, un programme ex�cutable ou un fichier de commandes.

** at makeError (C:\Users\djeko\jaitrouve\node_modules\execa\index.js:174:9)**
** at Function.module.exports.sync (C:\Users\djeko\jaitrouve\node_modules\execa\index.js:338:15)**
** at windowsRelease (C:\Users\djeko\jaitrouve\node_modules\windows-release\index.js:34:24)**
** at osName (C:\Users\djeko\jaitrouve\node_modules\os-name\index.js:39:18)**
** at new Insight (C:\Users\djeko\jaitrouve\node_modules\insight\lib\index.js:37:13)**
** at Object. (C:\Users\djeko\jaitrouve\node_modules\cordova\src\telemetry.js:26:15)**
** at Module._compile (internal/modules/cjs/loader.js:776:30)**
** at Object.Module._extensions…js (internal/modules/cjs/loader.js:787:10)**
** at Module.load (internal/modules/cjs/loader.js:653:32)**
** at tryModuleLoad (internal/modules/cjs/loader.js:593:12)**
[ERROR] An error occurred while running subprocess cordova.

** cordova.cmd platform add android --save exited with exit code 1.**
** Re-running this command with the --verbose flag may provide more information.**

I do not understand

Posts: 1

Participants: 1

Read full topic

@4rturd13 wrote:

hello, I have a project in ionic 3 and this does not do livereload. Can someone tell me that I am missing.
Note: I am new to ionic

Captura de Pantalla 2019-07-29 a la(s) 11.53.30 a. m..png769×394 12.8 KB

Posts: 1

Participants: 1

Read full topic

@HayatHach wrote:

Hello
Im am getting this error while openning a new ionic project

 resolveWithNewModule chokidar@2.1.6 checking installable status

I don’t know if it has a relation with this warning

npm WARN deprecated superagent@4.1.0: Please note that v5.0.1+ of superagent removes User-Agent header by default, therefore you may need to add it yourself (e.g. GitHub blocks requests without a User-Agent header).  This notice will go away with v5.0.2+ once it is released.

Posts: 1

Participants: 1

Read full topic

@cristsaavedra wrote:

Greetings Everyone,

992/5000

I have had a doubt so far regarding the implementation of user validation by Google.
So far I have no problems with obtaining the hash or anything but what is not clear to me is that in several places I have seen people in the Google developer console create 2 authentication systems, one is by web and the other It’s for android.
When I implement the obtaining of the requestIdToken to send it to the server and that it finally validates it through the web configuration I have no problems in obtaining the data and validating it, but I do apply the same steps to configure it but on the android platform this throws me error with code 10 That is certificate error.
Is there any way that something is wrongly configured or in what things I should set to be able to configure it correctly or if it is okay to enter through the web configuration to get the token data?

Greetings and any help with any comments would be welcome and grateful

Posts: 1

Participants: 1

Read full topic

@iknox27 wrote:

Hi i cant use ionSlideWillChange, is not working. here is my code

<IonSlides ionSlideWillChange={()=>{}} id=“slides” pager={false}>

User Case

error :

Type ‘{ children: Element; ionSlideWillChange: () => void; id: string; pager: false; }’ is not assignable to type 'IntrinsicAttributes & Pick<IonSlides & ReactProps

Posts: 1

Participants: 1

Read full topic

@duzinxd1 wrote:

Hi everyone!
(not fluent so sorry for any grammar mistake)
Recently I’ve started working with Ionic, everything was running perfectly and I was having no issues, but then I saw that you can also develop for web-desktop besides mobile. My project won’t have a website, so should I be worried about web responsive stuff? I mean, I made it responsive for mobile devices, but not for desktop ><, as a beginner I thought it would be better to ask
Thanks!

Posts: 1

Participants: 1

Read full topic

@Vanlombardi wrote:

I’ve built an Ionic 4 app which uses the inAppBrowser component to open an external website at some point of the app flow.

The app is working great but when testing it with real Android phone crashes and the app closes.
Browser, iOS, emulators… all working fine. Only real Android devices crashing when the this.browser.create(url, '_self') is called.

I’ve tested all kind of things. Like putting the code in different modules and different parts of the app workflow.
Also tried to grep the java output from the device, but it’s not returning any error message at all.

This is my last try, a very simple approach. But its also crashing:

  initializeApp() {
    this.platform.ready().then(() => {
      this.statusBar.styleDefault();
      this.splashScreen.hide();

      const browser = this.iab.create('https://example.com/', '_self');

      browser.on('loadstop').subscribe(event => {
        // this.splashScreen.hide();
      });
    });
  }

I have the module imported correctly and also the <allow-navigation> tag at the config file.

Posts: 1

Participants: 1

Read full topic

@davidc001 wrote:

Hi all,

I’m experiencing a slow page transition in Ionic v4. I’m doing a navController.pop. It fades out 90%, then pauses for 0.5-1 second before completing the transition. It not only looks bad, but the page is non-interactive until the transition completes. It seems like the end of the visual transition, ngOnDestroy, and regaining interactivity all occur around the same moment.

I’m hoping it’s something obvious, because otherwise I may need to walk back a lot of changes to diagnose it. I did a large scale refactoring plus an npm audit fix before I noticed the problem.

Anybody got any ideas?

TIA,
David

Posts: 1

Participants: 1

Read full topic

@roy800227 wrote:

I read the official documentation but I think they are very similar. I don’t know the difference?
Please tell me what characteristics according to choose Suitable for my Bluetooth device.

Posts: 1

Participants: 1

Read full topic

@shilpakaramar wrote:

My Ionic 4 app is not rendering in IE 11. But they say that Ionic is supported in IE 11.

I got errors on the console as well. There is no way to fix?

Screenshot_10.png921×697 29.4 KB

Posts: 1

Participants: 1

Read full topic

@hussein4alaa wrote:

hello
i create app in ionic4 type=angular
but when i build apk file I got this error message
i need a help

photo_2019-07-30_23-38-08.jpg622×1280 25.4 KB

Posts: 1

Participants: 1

Read full topic