2017-08-16 78 views
1

導入CSS的時候我會包括我的角度工程材料設計。我正在使用Stackblitz在線IDE。MIME類型錯誤Stackblitz

問題是,當我包括CSS文件,我得到這個錯誤

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'; 

}

回答

3

Ť他錯誤是在你的HTML。 href標籤位於您的路徑中。

更改鏈接:

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

我總是相同的錯誤 –

+0

如果按照本指南中的使用是一樣的我提到:https://github.com/angular/material2/blob/master/guides/theming.md – Faisal

+0

我認爲錯誤是由在線IDE –

0

您在 <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">

+0

總是同樣的錯誤 –

+0

你有沒有嘗試添加'@import「〜@角/材料/預置的主題/indigo-pink.css「''在https://github.com/angular/material2/blob/master/guides/theming.md中提到的樣式表中 –