StackblitzでCSSをインポートするときにMimeタイプエラーが発生する

私のAngularプロジェクトにマテリアルデザインが含まれます。私はStackblitzオンラインIDEを使用しています。問題は、私はCSSファイルが含まれている場合、私はStackblitzでCSSをインポートするときにMimeタイプエラーが発生する

The stylesheet was not loaded because its MIME type, ”text/html“ is not ”text/css"

このエラーを取得している

ここに私のコードは、index.htmlの中にあります：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/css/foundation.min.css"> 
<head> 
<link rel="stylesheet" type="text/css" href="styles.css"> 
<link "href=node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet"> 
</head> 
<my-app>loading</my-app>

とStyles.cssを：

body { 
background:#e8e8e8; 
font-family: 'Muli';

}

出典

2017-08-16 Hamza Haddad

T彼のエラーはあなたのHTMLにあります。 hrefタグはあなたのパスの内側にあります。

変更リンクへ：

<link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" 
     rel="stylesheet" 
     type="text/css">

出典

2017-08-16 12:23:25 Faisal

でなければならない私はあなたがこのガイドに従った場合、使用量はIと同じです常に同じエラー –

ましたhttps://github.com/angular/material2/blob/master/guides/theming.md – Faisal

私はこのエラーがオンラインIDEによって引き起こされたと思います –

あなたは <link "href=node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet"> にタイプミスを得た <link rel="stylesheet" type="text/css" href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css">

出典

2017-08-16 12:26:07

いつも同じエラー –

' @import '〜@ angular/material/prebuilt-themesを追加しようとしましたか？ /indigo-pink.css "をhttps://github.com/angular/material2/blob/master/guides/theming.mdに記載されているようにスタイルシートに追加してください –

StackblitzでCSSをインポートするときにMimeタイプエラーが発生する

答えて

関連する問題