angle.ciのアプリケーションサーバーがstyle.cssを参照できません

Question

ng serveコマンドを使用して角度cliを使用して角度アプリケーションを開始します。 アプリケーションがstyle.cssファイルを提供できないため、ブラウザで404が表示されます。

私のstyle.cssとindex.htmlはsrcフォルダの同じレベルにあります。私のindex.htmlで は、私はまた、そのStyles.cssをが

"apps": [ 
    { 
     "root": "src", 
     "outDir": "dist", 
     "assets": [ 
     "assets", 
     "favicon.ico" 
     ], 
     "index": "index.html", 
     "main": "main.ts", 
     "polyfills": "polyfills.ts", 
     "test": "test.ts", 
     "tsconfig": "tsconfig.app.json", 
     "testTsconfig": "tsconfig.spec.json", 
     "prefix": "app", 
     "styles": [ 
     "styles.css" 
     ], 

がどのように私は理解しない角度-cli.jsonファイルで参照される参照

<link rel="stylesheet" href="styles.css"> 

次のようにstyle.cssを参照していますアプリはStyles.cssを以下

私のフォルダ構造が

012であるをロードしようとしたとき、私は404を取得していますなぜアウト

web/ 
    angular-cli.json 
    src/  
    index.html 
    styles.css  
    app/ 

Answer 1

プロジェクトがコンパイルされると、angular-cli.jsonのすべてのファイルがバンドルされます。これは、名前が変更されて縮小されたベンダーファイルにすべて書き直されたことを意味します。

index.htmlにstyle.cssへの参照を設定すると、ファイルがもう存在しないため、404になります。参照を削除するだけで、あなたはうまくいくはずです。