2016-10-03 277 views
0

我在瀏覽器中解釋css存在嚴重問題。我嘗試了大部分在這裏和在互聯網上可用的解決方案。我檢查註冊表,我的標題部分和其他... 所有的時間我得到一個錯誤resource interpreted as Stylesheet but transferred with MIME type application/octet-stream。我嘗試過IE,Opera,Chrome,Firefox。我在Windows 10 64bit,RubyMine IDE上工作,我試着用外部文件SCSS運行一個簡單的html。Windows 10,資源解釋爲樣式表,但用MIME類型application/octet-stream傳輸

我測試的HTML文件:

<html> 
<head> 
    <title>Test</title> 
    <link rel="stylesheet" type="text/css" href="../src/buttons.scss" media="screen" /> 
</head> 
<body> 
<h2>CSS Buttons</h2> 
<button class="success_button"> Button </button> 
</body> 
</html> 

SCSS文件:

// buttons 

.success_button { 
    background-color: #4CAF50; 
    border: none; 
    color: white; 
    padding: 15px 32px; 
    text-align: center; 
    text-decoration: none; 
    display: inline-block; 
    font-size: 16px; 
    margin: 4px 2px; 
    cursor: pointer; 
} 

請幫助

回答

1

我可能是錯的,但我不認爲你可以成爲.scss文件直接發送到瀏覽器。必須將其編譯爲.css以供瀏覽器解析/理解。您可以在開發或部署時在構建作業中編譯爲.css,或者我相信在服務之前可以讓服務器解析SCSS。但我認爲這是問題 - 瀏覽器正在獲取一個錯誤的擴展名的文件,並不確定如何處理它。

+0

謝謝你的回答。你是對的!它似乎沒關係。 – kisiel

+0

最後,我使用grunt從.scss編譯.css文件。一切正常。 – kisiel

+0

恭喜!讓這些構建作業正常工作令人非常滿意! –

相關問題