私は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ファイルにアクセスできます。
[リソース]タブには表示されません。完全
また私のアンギュラアプリケーションがロードされます。
ご存じですか? :-D
には、指定したとしてsrc
とは対照的
ああ神様...ありがとう。どうして私はそれを逃しただろうか? –
これが正しい答えであれば、投稿の左側にある矢印をクリックして正しいと受け入れてください。ありがとう。 – coderodour