Ionic 3 iOS 9 Blackscreen

This shouldn’t be the case when you installed nvm correctly. Then you can globally install packages without sudo.

If you installed everything with sudo, uninstall and try to install again without.

Still — instead of --.

Like i said i don’t have permission if i don’t use sudo i don’t think that is a problem. Ill try it but i don’t think its going to work.

When i look at it on the terminal it doesnt look like that ‘—’ its a bug from MAC when i copy and paste it here. > Still — instead of --.

Using nvm all the node/npm stuff is in your user directory where you should not have to use sudo.

Then type two “-” manually.

Short update. I tried to install it without sudo. Didn’t had permission. I installed all again with sudo and now Cordova CLI is installed here is my ionic info. What are the next steps ?

image

Btw i tried to start the app in iOS 9 just to test it. The test app worked, but my app didn’t BUT the screen is not black anymore it is white so i think its a syntax error or something. My app works still on iOS 10.

Great, now you have an environment where stuff can actually work.

Next step is remote debugging again to find out why the page stays white:

Did you remote debug the problem on the device already? Follow these instructions here to debug the problem in Safari dev tools: Remote Debug your Ionic App · ionic.zone Look at the console and network tabs for errors.

Here are all my error logs. I hope you can help me out! :grin:

[Log] Angular is running in the development mode. Call enableProdMode() to enable the production mode. (main.js, line 3385)
[Log] Ionic Native: deviceready event fired after 2996 ms (console-via-logger.js, line 173)
[Log] authenticated user subscription event (console-via-logger.js, line 173)
[Log] getting profile for uid pe6cD4QUviNToL8EPj6Cu2Q6FRa2 (console-via-logger.js, line 173)
[Log] profile subscription event (console-via-logger.js, line 173)


ERROR:

[Error] ERROR – Error: Uncaught (in promise): TypeError: Attempted to assign to readonly property.
file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:37518:32
map@[native code]
ngAfterViewInit@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:37517:34
callProviderLifecycles@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:11499:33
callElementProvidersLifecycles@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:11474:35
callLifecycleHooksChildrenFirst@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:11458:47
checkAndUpdateView@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:12490:36
callWithDebugContext@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:13544:47
debugCheckAndUpdateView@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:13084:32
detectChanges@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:10556:81
_viewAttachToDOM@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:45436:53
_transition@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:45528:34
file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:45210:57
invoke@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/polyfills.js:3:8976
onInvoke@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:4488:43
invoke@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/polyfills.js:3:8919
run@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/polyfills.js:3:4146
file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/polyfills.js:3:13734
invokeTask@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/polyfills.js:3:9660
onInvokeTask@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:4479:47
invokeTask@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/polyfills.js:3:9588
runTask@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/polyfills.js:3:4841
o@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/polyfills.js:3:1898
promiseReactionJob@[native code] — polyfills.js:2
Error: Uncaught (in promise): TypeError: Attempted to assign to readonly property.
file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:37518:32
map@[native code]
ngAfterViewInit@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:37517:34
callProviderLifecycles@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:11499:33
callElementProvidersLifecycles@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:11474:35
callLifecycleHooksChildrenFirst@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:11458:47
checkAndUpdateView@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:12490:36
callWithDebugContext@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:13544:47
debugCheckAndUpdateView@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:13084:32
detectChanges@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:10556:81
_viewAttachToDOM@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:45436:53
_transition@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:45528:34
file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:45210:57
invoke@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/polyfills.js:3:8976
onInvoke@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:4488:43
invoke@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/polyfills.js:3:8919
run@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/polyfills.js:3:4146
file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/polyfills.js:3:13734
invokeTask@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/polyfills.js:3:9660
onInvokeTask@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/main.js:4479:47
invokeTask@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/polyfills.js:3:9588
runTask@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/polyfills.js:3:4841
o@file:///Users/USERNAME/Library/Developer/CoreSimulator/Devices/EB6EB021-B795-48C7-888C-18B03F762164/data/Containers/Bundle/Application/A3583427-B961-4400-89E9-218ADAA2792D/MyApp.app/www/build/polyfills.js:3:1898
promiseReactionJob@[native code] — polyfills.js:2
defaultErrorLogger (main.js:1444)
handleError (main.js:1504)
handleError (main.js:118568)
next (main.js:5117:98)
(anonymous function) (main.js:4190)
__tryOrUnsub (main.js:30169)
next (main.js:30118)
_next (main.js:30060)
next (main.js:30024)
next (main.js:58291)
emit (main.js:4176)
triggerError (main.js:4548)
onHandleError (main.js:4509)
handleError (polyfills.js:3:9083)
runGuarded (polyfills.js:3:4407)
(anonymous function) (polyfills.js:3:14364)
microtaskDrainDone (polyfills.js:3:14401)
o (polyfills.js:3:2006)
promiseReactionJob
[Error] Failed to load resource: The requested URL was not found on this server. (core.es5.js.map, line 0)


WARNINGS:
[Warning] Unexpected CSS token: : (main.css, line 45549)
[Warning] FIREBASE WARNING: Using an unspecified index. Consider adding “.indexOn”: “userId” at /profile to your security rules for better performance (console-via-logger.js, line 173)

What is at those two locations in main.js?

I don’t see main.js34 but here is from main.js32

webpackJsonp([32],{

// 345:
/
/ (function(module, webpack_exports, webpack_require) {

“use strict”;
Object.defineProperty(webpack_exports, “__esModule”, { value: true });
/* harmony export (binding) / webpack_require.d(webpack_exports, “CalendarPageModule”, function() { return CalendarPageModule; });
/
harmony import / var WEBPACK_IMPORTED_MODULE_0__angular_core = webpack_require(0);
/
harmony import / var WEBPACK_IMPORTED_MODULE_1_ionic_angular = webpack_require(4);
/
harmony import */ var WEBPACK_IMPORTED_MODULE_2__calendar_test = webpack_require(251);
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === “object” && typeof Reflect.decorate === “function”) r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i–) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};

var CalendarPageModule = (function () {
function CalendarPageModule() {
}
return CalendarPageModule;
}());
CalendarPageModule = __decorate([
webpack_require.i(WEBPACK_IMPORTED_MODULE_0__angular_core[“a” /* NgModule /])({
declarations: [
WEBPACK_IMPORTED_MODULE_2__calendar_test[“a” /
Calendar_TestPage /],
],
imports: [
WEBPACK_IMPORTED_MODULE_1_ionic_angular[“d” /
IonicPageModule /].forChild(WEBPACK_IMPORTED_MODULE_2__calendar_test[“a” / Calendar_TestPage /]),
],
exports: [
WEBPACK_IMPORTED_MODULE_2__calendar_test[“a” /
Calendar_TestPage */]
]
})
], CalendarPageModule);

//# sourceMappingURL=calendar_test.module.js.map

/***/ })

});
//# sourceMappingURL=32.main.js.map

Any idea ? :slight_smile:

Hi, they had some novelty on the subject.

I have a similar problem, I am working ionic 3 and I have made an app, on all platforms it builds and runs well, but when installing it on ipad 2 with ios 9.3.5 it only shows a white screen, and a path error in the safari debug.

in the xcode debug shows:

Finished load of: file:///var/containers/Bundle/Application/4E90EE6F-8D58-4643-9C59-060D28BD19D8/Demo101.app/www/index.html

my inic info

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

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

global packages:

cordova (Cordova CLI) : 8.0.0

local packages:

@ionic/app-scripts : 3.1.7
Cordova Platforms  : android 7.0.0 ios 4.5.5
Ionic Framework    : ionic-angular 3.9.2

System:

Node  : v8.11.2
npm   : 5.3.0
OS    : macOS High Sierra
Xcode : Xcode 10.0 Build version 10A255

Environment Variables:

ANDROID_HOME : not set

Misc:

backend : pro

I followed the steps to uninstall Cordova, ionic, node_modules, platform and plugins but still throwing the problem