2017-03-17 1 views
8

私の2番のプロジェクトでエラーが発生しました。クローム開発者向けツールコンソールに、左側に赤色のxが付いたGET http://localhost:4200/styles.cssというメッセージが表示されます。私はこれらのスタイルを使用することができますが、それでは何ができますか?エラーGET http:// localhost:4200/styles.cssこれらのスタイルは使用できます。どうしたんだ?

これは私のindex.htmlファイルである:あなたのindex.htmlから自分のスタイルシートへのリンクを削除する

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Scorekeeper</title> 
    <base href="/"> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="icon" type="image/x-icon" href="favicon.ico"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous"> 
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script> 
    <link rel="stylesheet" href="./styles.css"> 
</head> 
<body> 
    <app-root>Loading...</app-root> 
</body> 
</html> 

enter image description here

+0

クリアブラウザのキャッシュを、あなたはまだ – Sparrow

+0

はあなたが言ったことなかったスタイルを使用できるかどうかを確認私はまだスタイルを使用することができます。 – FlashBanistan

+0

あなたが使用しているスタイルは、ヘッダにある他のCSSファイルに実際に存在する可能性はありますか? – Sparrow

答えて

20

。あなたはangle-cliを使用しており、あなたの設定ではstyles.cssがangle-cliに含まれています。 HTMLのあなたのリンクタグは何もしていません。

(角形でもHTMLにそのスタイルのリンクタグが動的に挿入されているため、「動作しています」)。

+1

ありがとう! Lol、公式のチュートリアルではそれを含めるようアドバイスしましたか? :sigh: – sivabudh

5

のindex.htmlからスタイルシートのパスを削除し、この スタイルのような角度-cli.jsonを通してそれをリンク:

[ 
     "styles.css", 
     "css/style.css", 
     "css-link/bootstrap.css" 
     ] 
+1

この最初の[how-to-answer]をご覧ください(https://stackoverflow.com/help/how-to-answer) –

関連する問題