Angular 2アプリがiOSでCordovaを搭載していない

Question

Angular 2アプリを開発し、iOS向けにCordovaで構築する際に重大な問題に直面しています。 Android用にビルドして実行するときにはうまく機能します（起動時のルートにはまだ問題があります）。しかし、iOS上で実行することはできません。

アプリはAngular 2.0.0-rc.1とangular-cliで開発されています。

iOS用のxcodeでアプリをビルドすると、アプリは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

は、iOSのCordova/Ionicと同じ問題がありました。これは空のファイルが原因です。

テンプレートマークアップのないコンポーネントがありましたが、これは：host-selectorのSCSSのみでした。

SafariがXHR経由で空のファイルを認識せず、404のようなエラーが発生してアプリケーションが壊れるようです。これを修正するために、コンポーネントから空のファイルをすべて削除しました。それはiOSのエミュレータとネイティブのiPhone 6

Answer 2

に私のために仕事をしたという後、溶液はただのindex.htmlファイルに

<base href="./"> 

を使用し、非常に簡単です。動作します

Answer 3

問題のベースURLに関連しているかどうかわかりません。

通常では、dirにangle-cliでアプリを構築してパッケージします。その後、別のcssファイルは表示されなくなります。すべてのCSSファイルはWebpackの設定に基づいて1つのファイルにまとめられます。