I'm creating ios13 app in Ionic3.
But ios13Beta2 is not working in InAppBrowser.
so select param '_blank', this app is crash.
This is error detail.
[TraitCollection] Class _UIFullscreenPresentationController overrides
the -traitCollection getter, which is not supported. If you're trying
to override traits, you must use the appropriate API.
My ionic environment
Ionic:
Ionic CLI : 5.0.3
Ionic Framework : ionic-angular 3.9.6
#ionic/app-scripts : 3.2.4
Cordova:
Cordova CLI : 9.0.0 (cordova-lib#9.0.1)
Cordova Platforms : ios 5.0.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 1.2.1, (and 14 other plugins)
Utility:
cordova-res : not installed
native-run : not installed
System:
ios-sim : 8.0.1
NodeJS : v12.4.0
npm : 6.9.0
OS : macOS Catalina
Xcode : Xcode 11.0 Build version 11M337n
I was facing the same issue
but finally got it resolved by downgrading the WKView
It's one of the temporary solutions until we are able to get a concrete one.
https://ionicframework.com/docs/v3/wkwebview/
you can do it by adding this in config.xml
<platform name="ios">
<preference name="CordovaWebViewEngine" value="CDVUIWebViewEngine" />
Related
I've been trying to run in xcode a project with this specifications
The problem I can see in the console of Safari is that the javascript files are not loaded.
I generate the XCode project by
ionic capacitor add ios
Ionic: Ionic CLI : 6.18.2 (C:\NVM\v12.20.0\node_modules\#ionic\cli)
Ionic Framework : ionic-angular 3.9.2
#ionic/app-scripts : 3.2.4 Capacitor: Capacitor CLI : 3.4.3 #capacitor/android : 3.4.3
#capacitor/core : 3.4.3
#capacitor/ios : 3.4.3
Cordova:
Cordova CLI : 11.0.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.0.5, cordova-plugin-ionic-webview
Utility:
cordova-res : 0.15.4
native-run : 1.5.0
System: NodeJS : v12.20.0 (C:\Program Files\nodejs\node.exe)
npm : 6.14.8
OS : Windows 10
Issue -
Failed to install 'cordova-plugin-ms-adal': CordovaError: Using "requireCordovaModule" to load non-cordova module "fs" is not supported. Instead, add this module to your dependencies and use regular "require" to load it.
Configuration -
Ionic:
Ionic CLI : 5.4.15 (/usr/local/lib/node_modules/ionic)
Ionic Framework : #ionic/angular 4.11.13
#angular-devkit/build-angular : 0.801.3
#angular-devkit/schematics : 8.1.3
#angular/cli : 8.1.3
#ionic/angular-toolkit : 2.3.3
Cordova:
Cordova CLI : 9.0.0 (cordova-lib#9.0.1)
Cordova Platforms : none
Cordova Plugins : cordova-plugin-ionic-webview 5.0.0, (and 27 other plugins)
System:
ios-deploy : 1.10.0
NodeJS : v12.13.1 (/usr/local/bin/node)
npm : 6.12.1
OS : macOS Catalina
Xcode : Xcode 11.3.1 Build version 11C504
I am going through a nightmare regarding the UIWebView depreciation by Apple. I am in the process of identifying the cordova plugins and hopefully will find solutions. However, when I start from a blank ionic project, I still see references with respect to UIWebView and puzzled by it. Below please find the steps I followed:
1) ionic start testProject blank --cordova
2) Add the below into the ios section of the config.xml:
<preference name="WKWebViewOnly" value="true" />
<feature name="CDVWKWebViewEngine">
<param name="ios-package" value="CDVWKWebViewEngine" />
</feature>
<preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
3) ionic cordova prepare ios
4) cd platforms/ios
5) grep -Ri UIWebView
At this point, I see references at CDVUIWebViewEngine.m
If I were to install the following:
ionic cordova plugin add cordova-plugin-inappbrowser
npm install #ionic-native/in-app-browser
I also see references related to inappbrowser
I am not sure what is going on with such a basic structure. I'd grateful for any pointer you may have as I have been pulling my hairs for the last two days.
Below is my setup:
Ionic:
Ionic CLI : 6.7.0 (/home/doug/.npm-global/lib/node_modules/#ionic/cli)
Ionic Framework : #ionic/angular 5.1.1
#angular-devkit/build-angular : 0.901.7
#angular-devkit/schematics : 9.1.7
#angular/cli : 9.1.7
#ionic/angular-toolkit : 2.2.0
Cordova:
Cordova CLI : 9.0.0 (cordova-lib#9.0.1)
Cordova Platforms : ios 5.1.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 6 other plugins)
Utility:
cordova-res : 0.14.0
native-run (update available: 1.0.0) : 0.2.9
Thanks,
Doug
I am getting Failed to load resource: The requested URL was not found on this server. error when run app in iOS emulate and device, it is working fine in Android.
I have updated iOS platform version but still getting same error. I have try with removing plugin but still same error. Check screenshot
I have setup new blank ionic 4 project and build ios it is working fine.
Ionic:
Ionic CLI : 5.4.1 (/usr/local/lib/node_modules/ionic)
Ionic Framework : #ionic/angular 4.8.1
#angular-devkit/build-angular : 0.13.9
#angular-devkit/schematics : 7.2.4
#angular/cli : 7.3.9
#ionic/angular-toolkit : 1.4.1
Capacitor:
Capacitor CLI : 1.0.0-beta.24
#capacitor/core : 1.0.0-beta.24
Cordova:
Cordova CLI : 9.0.0 (cordova-lib#9.0.1)
Cordova Platforms : android 8.1.0, ios 4.4.0
Cordova Plugins : cordova-plugin-ionic-webview 4.1.3, (and 15 other plugins)
Utility:
cordova-res : 0.6.0 (update available: 0.8.1)
native-run : 0.2.8 (update available: 0.2.9)
System:
Android SDK Tools : 26.1.1 (/Users/chetan/Library/Android/sdk)
ios-deploy : 1.9.4
NodeJS : v10.15.3 (/usr/local/bin/node)
npm : 6.4.1
OS : macOS Catalina
Xcode : Xcode 11.1 Build version 11A1027
I find at a solution for this problem, follow the next step:
1) close Xcode;
2) Make sure localhost is allowed in config.xml:
<allow-navigation href="http://localhost:8080/*" />
<preference name="CordovaWebViewEngine" value="CDVUIWebViewEngine" />
<platform name="ios">
...
Run
$ ionic cordova plugin remove cordova cordova-plugin-ionic-webview --save
$ rm -rf platforms/
$ rm -rf plugins/
inside of the tag platform ios
<feature name="CDVWKWebViewEngine">
<param name="ios-package" value="CDVWKWebViewEngine" />
</feature>
<preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
finally run:
ionic cordova build ios
I have found solution of the error
Adding WKWebView to your app
In order to add WKWebView, we need to add the plugin from the Ionic repository.
ionic cordova plugin add cordova-plugin-ionic-webview --save
If you already had the plugin installed, or were using a different version/fork, you’ll need to uninstall what you have first.
ionic cordova plugin rm cordova-plugin-WKWebView-engine
And that’s it! Once the plugin install is done, your next native build will include a faster, lighter, and more modern webview!
https://ionicframework.com/blog/wkwebview-for-all-a-new-webview-for-ionic/
We have developed one application using Ionic 3. We have used ion-select component at multiple places. In android & IOS version > 10, everything is working fine as expected.
But In IOS 9, ion-select component breaks. It shows blank options when tapping on ion-select.
<ion-item>
<ion-label>Gender</ion-label>
<ion-select>
<ion-option value="f">Female</ion-option>
<ion-option value="m">Male</ion-option>
</ion-select>
</ion-item>
Result:
Environment Details:
Specific IOS version in which issue is reproducible: 9.3.5
global packages:
#ionic/cli-utils : 1.5.0
Cordova CLI : 6.5.0
Ionic CLI : 3.5.0
local packages:
#ionic/app-scripts : 1.3.7
#ionic/cli-plugin-cordova : 1.4.1
#ionic/cli-plugin-ionic-angular : 1.3.2
Cordova Platforms : android 6.1.2 ios 4.2.1
Ionic Framework : ionic-angular 3.7.1-201710060319
System:
Node : v7.8.0
OS : OS X El Capitan
Xcode : Xcode 8.2.1 Build version 8C1002
ios-deploy : 1.9.1
ios-sim : 5.0.13
npm : 4.2.0
I was able to resolve the issue by downgrading the app-scripts version to 2.1.4 from 3.0.1.
I also had to add dev dependency tsc-wrapped to resolve some ts lint issues.
"devDependencies": {
"#angular/tsc-wrapped": "^4.4.6",
"#ionic/app-scripts": "2.1.4",
"typescript": "2.3.4"
},
After changing my configuration to above, the webpack process duration came down to 3-4 minutes from 35 minutes.