我目前正在嘗試將我的 style.css 檔案添加到由 express.js 渲染的 home.ejs 檔案
但我不斷收到以下錯誤
Refused to apply style from 'http://localhost:2000/cssFile/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
我的檔案結構就像
cssFile
| style.css
views
| htmlFile
| | home.ejs
index.js
這是我的快遞代碼
const express = require("express");
const app = express();
const path = require("path");
const mongoose = require("mongoose");
const Comments = require("./models/comments");
app.use(express.static(__dirname "/public"));
app.set("views", path.join(__dirname, "views"));
app.set("view engine", "ejs");
app.get("/", (req, res) => {
res.render("htmlFile/home");
});
我的家.ejs：
...
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous"
/>
//buggy code
<link rel="stylesheet" type="text/css" href="/cssFile/style.css" />
</head>
我一直在嘗試另一種解決方案，但我無法解決我的問題。
uj5u.com熱心網友回復：
我的檔案結構就像
cssFile | style.css views | htmlFile | | home.ejs index.js這是我的快遞代碼
... (all your other code) app.use(express.static(__dirname "/public"));
在此 JavaScript 代碼中，您告訴 express.static 您正在嘗試從名為“public”的目錄中提供靜態檔案，該目錄不存在。如果您查看瀏覽器中的“網路”面板，您可能會看到提供給您的是 404 頁面，或者有時是不同的 HTML 檔案。
嘗試將您的檔案結構更改為：
public
| cssFile
| | style.css
views
| htmlFile
| | home.ejs
index.js
uj5u.com熱心網友回復：
如果你確實包含了一個正斜杠（/public/），那么你可以只做 href="/cssFile/style.css。我認為你不包括公共檔案夾。
另一個案例解決方法 Convert href to src
<link rel="stylesheet" type="text/css" src="cssFile/style.css" />
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/323694.html
標籤：javascript html 节点.js 表达 ejs
上一篇：單擊選項卡標題時顯示和隱藏div
下一篇：動態視頻尺寸