Угловое приложение 2 не загружается с помощью Cordova на iOS

Question

У меня возникают серьезные проблемы при разработке приложения Angular 2 и его создании для iOS с Cordova. Это работает при создании и запуске для Android (все еще есть проблемы с маршрутами при запуске), но я не могу запустить его на iOS.

Приложение разработано с Angular 2.0.0-rc.1 и angular-cli.

Всякий раз, когда я создаю приложение с xcode для iOS, приложение застревает на загрузке Angular 2 - я думаю, что это проблема с процессом начальной загрузки, но я не уверен.

В консоли, я вижу, что он не может загрузить файлы CSS компонентов, как показывает эта ошибка:

[Error] EXCEPTION: Failed to load file:///var/mobile/Containers/Bundle/Application/F325C057-2287-463A-ABF6-DB68944C63D9/Dooda.app/www/app/notifications/notifications.component.css 
logError 
logGroup 
call 
(anonyme Funktion) 
invoke (zone.js:323) 
onInvoke 
invoke (zone.js:322) 
run (zone.js:216) 
(anonyme Funktion) (zone.js:571) 
invokeTask (zone.js:356) 
onInvokeTask 
invokeTask (zone.js:355) 
runTask (zone.js:256) 
drainMicroTaskQueue (zone.js:474) 
invoke (zone.js:426) 

путь является правильным, он просто не может приступить к загрузке файлов. В моем iindex.html я вижу, что Контейнер пуст, поэтому в нем не загружается файл Angular 2.

Я установил базовый HREF в индексе следующим образом:

<base href="."> 

Если вам нужна дополнительная информация или код, пожалуйста, обращайтесь.

Неужели кто-нибудь сталкивался с той же проблемой и может помочь мне здесь? Я действительно не знаю, что делать сейчас, я понятия не имею, почему загрузка файла здесь не работает.

Любая помощь была бы высоко оценена! Спасибо заранее!

Answer 1

имел ту же проблему с Cordova/Ionic на iOS. Это было вызвано пустым файлом.

У меня был компонент без разметки шаблона, но только с SCSS для: хост-селектора.

Похоже, что Safari не распознает пустые файлы через XHR и встречает 404-подобную ошибку, которая прерывает приложение. Чтобы исправить это, я удалил все пустые файлы из моих компонентов. После этого он сделал работу для меня на IOS-эмулятора и родной iPhone 6.

Answer 2

Решение очень простое, просто использовать

<base href="./"> 

в файл index.html. Он будет работать

Answer 3

Я не уверен, связано ли это с базовым URL-адресом для вас.

В обычном режиме мы создадим и упакуем приложение с угловым кли в директорию www. И после этого вы больше не должны видеть отдельные файлы css. Потому что все файлы css будут упакованы в один файл, основываясь на настройке вашего веб-пакета.