Приложение Ionic 4 / Angular 7 в iOS Simulator Ошибка - PullRequest
Новая
       20

Приложение Ionic 4 / Angular 7 в iOS Simulator Ошибка

0 голосов
/ 27 июня 2019

Я протестировал приложение Ionic 4 / Angular 7 в браузере, и оно отлично работает, я запустил его в эмуляторе iPhone 7 через XCode, и это просто пустой белый экран со следующим в консоли отладки : 

[Error] ERROR
Error: Uncaught (in promise): TypeError: hostEl.createShadowRoot is not a function. (In 'hostEl.createShadowRoot()', 'hostEl.createShadowRoot' is undefined) ShadowDomRenderer@ionic://localhost/vendor.js:69178:55 createRenderer@ionic://localhost/vendor.js:69021:45 createRenderer@ionic://localhost/vendor.js:60321:63 createComponentView@ionic://localhost/vendor.js:59302:70 callWithDebugContext@ionic://localhost/vendor.js:60300:30 createViewNodes@ionic://localhost/vendor.js:59343:65 createRootView@ionic://localhost/vendor.js:59292:20 callWithDebugContext@ionic://localhost/vendor.js:60300:30 create@ionic://localhost/vendor.js:57631:43 createComponent@ionic://localhost/vendor.js:57742:51 activateWith@ionic://localhost/vendor.js:81413:68 activateRoutes@ionic://localhost/vendor.js:72907:52 ionic://localhost/vendor.js:72858:33 forEach@[native code] activateChildRoutes@ionic://localhost/vendor.js:72857:36 activateRoutes@ionic://localhost/vendor.js:72914:41 ionic://localhost/vendor.js:72858:33 forEach@[native code] activateChildRoutes@ionic://localhost/vendor.js:72857:36 activate@ionic://localhost/vendor.js:72782:33 ionic://localhost/vendor.js:72766:22 _next@ionic://localhost/vendor.js:89535:39 next@ionic://localhost/vendor.js:84499:23 _next@ionic://localhost/vendor.js:92255:30 next@ionic://localhost/vendor.js:84499:23 _next@ionic://localhost/vendor.js:89541:30 next@ionic://localhost/vendor.js:84499:23 notifyNext@ionic://localhost/vendor.js:91884:30 _next@ionic://localhost/vendor.js:83712:31 next@ionic://localhost/vendor.js:84499:23 _next@ionic://localhost/vendor.js:89541:30 next@ionic://localhost/vendor.js:84499:23 ionic://localhost/vendor.js:95145:28 _trySubscribe@ionic://localhost/vendor.js:83881:35 subscribe@ionic://localhost/vendor.js:83867:35 subscribe@ionic://localhost/vendor.js:83862:35 _innerSub@ionic://localhost/vendor.js:91863:115 _next@ionic://localhost/vendor.js:91853:23 next@ionic://localhost/vendor.js:84499:23 notifyNext@ionic://localhost/vendor.js:91884:30 _next@ionic://localhost/vendor.js:83712:31 next@ionic://localhost/vendor.js:84499:23 _next@ionic://localhost/vendor.js:89541:30 next@ionic://localhost/vendor.js:84499:23 _next@ionic://localhost/vendor.js:92255:30 next@ionic://localhost/vendor.js:84499:23 notifyNext@ionic://localhost/vendor.js:89825:30 _next@ionic://localhost/vendor.js:83712:31 next@ionic://localhost/vendor.js:84499:23 _next@ionic://localhost/vendor.js:89541:30 next@ionic://localhost/vendor.js:84499:23 _complete@ionic://localhost/vendor.js:92051:33 complete@ionic://localhost/vendor.js:84511:27 _complete@ionic://localhost/vendor.js:84529:34 complete@ionic://localhost/vendor.js:84511:27 _complete@ionic://localhost/vendor.js:89820:38 complete@ionic://localhost/vendor.js:84511:27 ionic://localhost/vendor.js:95147:28 _trySubscribe@ionic://localhost/vendor.js:83881:35 subscribe@ionic://localhost/vendor.js:83867:35 subscribe@ionic://localhost/vendor.js:83862:35 subscribe@ionic://localhost/vendor.js:83862:35 subscribe@ionic://localhost/vendor.js:83862:35 subscribe@ionic://localhost/vendor.js:83862:35 _innerSub@ionic://localhost/vendor.js:89815:90 _tryNext@ionic://localhost/vendor.js:89809:23 _next@ionic://localhost/vendor.js:89792:26 next@ionic://localhost/vendor.js:84499:23 _next@ionic://localhost/vendor.js:92255:30 next@ionic://localhost/vendor.js:84499:23 ionic://localhost/vendor.js:95145:28 _trySubscribe@ionic://localhost/vendor.js:83881:35 subscribe@ionic://localhost/vendor.js:83867:35 subscribe@ionic://localhost/vendor.js:83862:35 subscribe@ionic://localhost/vendor.js:83862:35 subscribe@ionic://localhost/vendor.js:83862:35 subscribe@ionic://localhost/vendor.js:83862:35 _innerSub@ionic://localhost/vendor.js:91863:115 _next@ionic://localhost/vendor.js:91853:23 next@ionic://localhost/vendor.js:84499:23 _next@ionic://localhost/vendor.js:88980:34 next@ionic://localhost/vendor.js:84499:23 _next@ionic://localhost/vendor.js:92255:30 next@ionic://localhost/vendor.js:84499:23 _next@ionic://localhost/vendor.js:92255:30 next@ionic://localhost/vendor.js:84499:23 notifyNext@ionic://localhost/vendor.js:89825:30 _next@ionic://localhost/vendor.js:83712:31 next@ionic://localhost/vendor.js:84499:23 _next@ionic://localhost/vendor.js:89541:30 next@ionic://localhost/vendor.js:84499:23 notifyNext@ionic://localhost/vendor.js:89825:30 _next@ionic://localhost/vendor.js:83712:31 next@ionic://localhost/vendor.js:84499:23 _complete@ionic://localhost/vendor.js:88015:34 complete@ionic://localhost/vendor.js:84511:27 _complete@ionic://localhost/vendor.js:84529:34 complete@ionic://localhost/vendor.js:84511:27 _complete@ionic://localhost/vendor.js:84529:34 complete@ionic://localhost/vendor.js:84511:27
resolvePromise — zone.js:831
resolvePromise — zone.js:788
(anonymous function) — zone.js:892
onInvokeTask — core.js:17290
runTask — zone.js:195
drainMicroTaskQueue — zone.js:601
promiseReactionJob
    defaultErrorLogger (vendor.js:51847)
    handleError (vendor.js:51895)
    next (vendor.js:53894:140)
    (anonymous function) (vendor.js:49638)
    __tryOrUnsub (vendor.js:84638)
    next (vendor.js:84576)
    _next (vendor.js:84522)
    next (vendor.js:84499)
    next (vendor.js:84265)
    emit (vendor.js:49622)
    run (polyfills.js:2512)
    onHandleError (vendor.js:53444)
    runGuarded (polyfills.js:2526)
    _loop_1 (polyfills.js:3056)
    microtaskDrainDone (polyfills.js:3065)
    drainMicroTaskQueue (polyfills.js:2970)
    promiseReactionJob

Кто-нибудь знает, что это за ошибка? Кажется, что он не может создать теневой корень, но он отлично работает в браузере?

1 Ответ

1 голос
/ 27 июня 2019

Похоже, что в вашем компоненте вы используете ViewEncapsulation.Native, поэтому angular вызывает createShadowRoot() при собственной работе.Есть хороший блог на ViewEncapsulation, и какой enum использовать, когда.Вызов по умолчанию для ViewEncapsulation - Emulated, поэтому, если вам не нужна Native по какой-либо причине, его изменение должно решить вашу проблему.

...