2016-08-02 15 views
2

私はAngularで新しいプロジェクトを開始しており、問題に直面しています。 <link>で外部CSSファイルを読み込もうとしても機能しませんが、@importで内部スタイルを使用しているときに機能します!外部CSSファイルがリンクタグ付きでロードされていません

は動作しません:<link rel="stylesheet" type="text/css" src="transmission.min.css">

作品で:<style>@import url('transmission.min.css');</style>私のファイルは同じディレクトリに配置されている

(アプリのルート):

/ 
/index.html 
/transmission.min.css 
/transmission.min.js 

私のCSSやJSファイル私はそれを使わないで同じ結果を試しました。

<!doctype html> 
<html> 
<head> 
    <title>Transmission</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" type="text/css" src="transmission.min.css"> 
    <style> 
     @import url('transmission.min.css'); 
    </style> 

    <base href="/"> 
</head> 
<body ng-app="transmission"> 

    <div ng-view=""></div> 

    <script src="transmission.min.js"></script> 
</body> 

私のCSSファイルだけで私は二度私のnginxの設定をチェックし、すべてがうまくように思わbody{background-color: red;}

が含まれています。ここでは

は私のindex.htmlファイルがあります。

Safariの検査官も確認しましたが、http://transmission.dev/transmission.min.cssというCSSファイルにアクセスできます。

[リソース]タブには表示されません。完全

No CSS file here

また私のアンギュラアプリケーションがロードされます。

ご存じですか? :-D

には、指定したとしてsrcとは対照的

答えて

5

linkタグがhref属性を使用していただきありがとうございます。変更して確認してください。

+0

ああ神様...ありがとう。どうして私はそれを逃しただろうか? –

+0

これが正しい答えであれば、投稿の左側にある矢印をクリックして正しいと受け入れてください。ありがとう。 – coderodour

2

それは<link rel="stylesheet" type="text/css" href="transmission.min.css">

linkタグがhrefを使用していないsrc

はそれが役に立てば幸い

する必要があります!

関連する問題