首頁猿問拒絕應(yīng)用“URL&rd...

拒絕應(yīng)用“URL”中的樣式，因?yàn)槠?MIME 類型（“text/html”）

Html5

函數(shù)式編程 2023-10-17 17:19:54

這是我的堆棧表達(dá)不Sass（由“npm install --save-dev sass”安裝 - 開發(fā)依賴項(xiàng)）我收到一個(gè)錯(cuò)誤拒絕應(yīng)用“ http://localhost:3000/css/style.css ”中的樣式，因?yàn)槠?MIME 類型（“text/html”）不是受支持的樣式表 MIME 類型，并且啟用了嚴(yán)格的 MIME 檢查。我的頭標(biāo)簽位于單獨(dú)的partials文件夾中：-views--partials---header.ejs--index.ejs我的CSS也在另一個(gè)文件夾中- public- - css- - - style.css- - - style.css.map- - - style.scss我的頭標(biāo)簽看起來像這樣：<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Learn Web</title><base href="/"><link rel="stylesheet" href="css/style.css" type="text/css"></head>我像這樣渲染我的索引：app.get('/', (req, res) => { res.render('index');})我嘗試添加<base href="/">我嘗試省略rel="stylesheet"我嘗試將其更改type="text/css"為type="text/html"- 它消除了錯(cuò)誤，但樣式不適用。

查看完整描述

2 回答

翻翻過去那場雪

TA貢獻(xiàn)2065條經(jīng)驗(yàn) 獲得超14個(gè)贊

添加此行到您的 js 文件將允許本地 css 鏈接： app.use(express.static(__dirname));

反對回復(fù) 2023-10-17

烙印99

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超13個(gè)贊

所以我解決了這個(gè)問題。但不知怎的，這只是一半的修復(fù)。因?yàn)槲覄傞_始項(xiàng)目的時(shí)候就遇到了這個(gè)問題。我重新啟動(dòng)了我的項(xiàng)目，但使用了express-generator，它會(huì)自動(dòng)創(chuàng)建一個(gè)應(yīng)用程序框架。然后，我使用 npm 安裝了 Sass 并且它起作用了。

反對回復(fù) 2023-10-17