2017-01-28 12 views
0

webpackが組み込まれたangular-cliを使用していて、次の問題が発生しました:ng serve --host 0.0.0.0 --port 3000を使用すると問題なく動作しますが、開発者モード)をng buildとし、それを私のnginxに入れると、1つのルートが動作せず、スタートページで使用されるイメージをダウンロードするブラウザのすべての試みが404エラーで終了します。私は間違って何をしていますか?グーグルのものをグーグルと何も解決策に思われる。ウェブアプリケーションの構築に問題がありました

いくつかの追加情報:この問題が発生したすべての人のためにそう

angular-cli: 1.0.0-beta.21 
node: 6.9.4 
os: win32 x64 
+0

あなたは正しくnginxを設定していますか? – shusson

+0

あなたはnginxで最低限の 'index.html'ファイルを提供しようとしましたか? – shusson

+0

@shusson nginxは、アプリケーションのフォルダ内で対応するファイルを検索しようとしているようですが、代わりに 'index.html'と' main.bundle.js'しかありません。これに対応するソリューションはありますか? –

答えて

0

は、いくつかの研究の後、私はこの見つかりました)

1のそれぞれにencapsulation: ViewEncapsulation.Noneを追加し、適切にロードしないスタイルの問題を解決するために、あなたのコンポーネント@Component()デコレータ、これは適切にスタイルを束ねるつもりです。さらに詳しい情報はhttps://angular.io/docs/ts/latest/guide/component-styles.html#!#loading-styles

2)すべての画像がassetsフォルダに保存されていることを確認してください。あなたはimagesのようないくつかの他のフォルダに保存した場合は、単に、assets

3)の内側に、ページのリロードに取り組んでいないパスについては、そのimagesフォルダを置くこの質問を見ていると戦略に関するいくつかの情報をお読みください。Angular 2 : 404 error occur when i refresh through Browser をまた、このリンクに設定例がありますhttps://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-configure-your-server-to-work-with-html5mode

関連する問題