Node/Express-拒绝应用样式，因为它的MIME类型（“text/html”）
这几天我一直有这个问题，似乎无法弄清楚这件事的真相。我们做了一个非常基本的Node/Express应用程序，并尝试使用以下内容为我们的静态文件提供服务：
app.use(express.static(path.join(__dirname, "static")));
这在很大程度上达到了我所期望的效果。我们在静态文件夹中有几个文件夹用于css和JavaScript。我们试图使用以下静态路径将css加载到EJS视图中：
<link rel="stylesheet" type="text/css" href="/css/style.css">
当我们到达路由/时，我们获得了所有内容，但CSS没有加载。我们尤其会遇到以下错误：
拒绝应用“http：//localhost:3000/css/style.css”中得样式,因为其MIME类型（“text/html”）不是受支持得样式表MIME类型,并且启用了严格得MIME检查.
- 清除NPM缓存/新鲜安装
NPM验证缓存rm-rf node_modulesNPM安装
- 我们没有使用react，但我正在搜索我能找到的任何google搜索
app.get("/", function(req, res) { res.render("search"); });<!DOCTYPE html> <html> <head> <title>Search for a Movie</title> <link rel="stylesheet" type="text/css" href="/static/css/style.css"> </head> <body> <h1>Search for a movie</h1> <form method="POST" action="/results"> <label for="movie-title">Enter a movie title:</label><br> <input id="movie-title" type="text" name="title"><br> <input type="submit" value="Submit Search"> </form> </body> </html>{ "name": "express-apis-omdb", "version": "1.0.0", "main": "index.js", "scripts": { "start": "nodemon index.js", "lint:js": "node_modules/eslint/bin/eslint.js ./ ./**/*.js --fix; exit 0", "lint:css": "node_modules/csslint/cli.js public/css/; exit 0" }, "license": "ISC", "devDependencies": { "babel-eslint": "^6.0.4", "csslint": "^0.10.0", "eslint": "^2.11.1", "eslint-config-airbnb": "^9.0.1", "eslint-plugin-import": "^1.8.1", "eslint-plugin-jsx-a11y": "^1.3.0", "eslint-plugin-react": "^5.1.1" }, "dependencies": { "body-parser": "^1.18.2", "dotenv": "^5.0.0", "ejs": "^2.5.7", "express": "^4.13.4", "morgan": "^1.7.0", "path": "^0.12.7", "request": "^2.83.0" } }-app --node_modules --static ---img ---css ---js --views ---movie.ejs ---results.ejs ---search.ejs --index.js --package-lock.json --package.json注意：我们目前没有为我们的EJS使用布局文件。
如果需要的话，我很乐意提供更多的细节。
共有1个答案
该问题是由于文件命名不当造成的。我们的学生在style.css文件的末尾有一个空格。对此有一些提示，第一个是文本编辑器中缺少语法高亮显示，第二个是文本编辑器检测到其他新创建的css文件的文件类型，但没有检测到不正确命名的文件。删除空间解决了问题。
谢谢你slebetman帮我指明了正确的方向。
-
我正在处理一个React应用程序，该应用程序运行在来自npm的webpack-dev-server上。在运行服务器时，我注意到我在浏览器控制台中得到以下消息： "拒绝应用'http://localhost:8080/css/index.css'的样式，因为它的MIME类型（'text/html'）不是受支持的样式表MIME类型，并且启用了严格的MIME检查。" 除了名为style的自定义css文件
-
此错误仅显示在chrome中。我正在搜索这个问题，但尚未找到任何满意的解决方案。我附上了该错误的截图。请对此提出一些想法。错误图像
-
这是我的货堆 快车 我犯了一个错误 拒绝应用来自http://localhost:3000/css/style.css'因为它的MIME类型（'text/html'）不是受支持的样式表MIME类型，并且启用了严格的MIME检查。 我的头标签位于一个单独的partials文件夹中： -views --partials --header。ejs ——索引。ejs 我的CSS也在另一个文件夹 -publ
-
我在将css表单加载到spring webapp的浏览器中时遇到问题-我不断遇到以下错误： 样式表http://localhost:8080/MyBudget/resources/css/hello.css未加载，因为其MIME类型“text/html”不是“text/css”。 文件结构 在我的网站上。xml文件，我已指定我的资源如下； 在我看来（. JSP），我引用的css文件如下： 我已经尽
-
inventoryapp.js文件
-
我试图获取数据（（一些报价）从forisativeapi，但我没有得到任何回应。我在jQuery中使用ajax，但我在我的控制台中出现以下错误： 拒绝从“”执行脚本https://api.forismatic.com/api/1.0/? 我知道这个问题已经被问过了，但我不知道我该怎么办，我尝试了一切，但这个错误还是来了。我也尝试过CORS，但我认为我在做的地方出了问题，因为我对jQuery非常陌生