Javascript 拒绝应用来自'的样式；http://localhost:3000/assets/styles/signup.css' 因为它的MIME类型（'；text/html'；）不是受支持的样式表MIME类型

有人问过类似的问题，在阅读了其中许多（）之后，我又问了一次，但没有得到任何积极的结果，我的头撞了大约两个小时。请调查一下。我正在学习一些网络开发，并试图建立这个。但是我还停留在早期阶段。附加代码文件：（zip文件上传到Gofile.io，链接在末尾）

在chrome控制台上出现错误：

Refused to apply style from 'http://localhost:3000/assets/styles/bootstrap.min.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
localhost/:1 Refused to apply style from 'http://localhost:3000/assets/styles/signup.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
localhost/:39 GET http://localhost:3000/assets/images/bootstrap-solid.svg 404 (Not Found)

打开任何指向新选项卡的链接时，我得到（bootsrap映像示例）：

无法获取/assets/images/bootstrap solid.svg

我在Windows10操作系统上使用谷歌Chrome的最新版本

除了

package.json

和

app.js

，我还复制了所有html和css引导示例源代码

directory structure--

Newsletter-signup
|_assets
|      |_images
|      |    |_bootstrap-solid.svg
|      |    |_favicon.ico
|      |
|      |_styles
|            |_bootstrap.min.css
|            |_signup.css
|
|_app.js
|_package.json
|_signup.html

package.json：

{
“名称”：“时事通讯注册”，
“版本”：“1.0.0”，
“说明”：“，
“main”：“app.js”，
“类型”：“模块”，
“脚本”：{
“开始”：“nodemon app.js”，
“测试”：“echo\”错误：未指定测试\“&退出1”
},
“关键词”：[]，
“作者”：“作者”，
“许可证”：“ISC”，
“依赖项”：{
“快车”：“^4.17.1”，
“nodemon”：“^2.0.7”
}
}

app.js：

从“express”导入express；
从“https”导入https；
从“路径”导入路径；
常量app=express（）；
const__dirname=path.resolve（）；
常数端口号=3000；
//console.log（uu dirname）；
app.use（express.static（path.join（uu dirname，“assets”）））；
使用（express.json（））；
use（express.urlencoded（{extended:true}））；
应用程序获取（“/”，（请求，请求）=>{
res.sendFile（path.join（uu dirname，“signup.html”）；
});
app.post（“/”，（）=>{
log（“调用app.post方法”）；
});
app.listen（端口号，（）=>{
log（“服务器在端口号：”+portNumber）上侦听）；
});

signup.html

报名表
请登录
电子邮件地址
密码
记得我吗
登录
&复制；2017-2018

signup.css

正文{
身高：100%；
}
身体{
显示：-ms flexbox；
显示：-网络工具包盒；
显示器：flex；
-ms-flex-align：居中；
-ms-flex-pack:center；
-webkit框对齐：居中；
对齐项目：居中；
-webkit盒包：中心；
证明内容：中心；
填充顶部：40px；
填充底部：40px；
背景色：#F5；
}
.表格签名{
宽度：100%；
最大宽度：330px；
填充：15px；
保证金：0自动；
}
.表格签名.复选框{
字体大小：400；
}
.表格签名.表格控制{
位置：相对位置；
框大小：边框框；
高度：自动；
填充：10px；
字体大小：16px；
}
.表单签名.表单控件：焦点{
z指数：2；
}
.表单登录输入[type=“email”]{
边缘底部：-1px；
边框右下半径：0；
边框左下半径：0；
}
.表单登录输入[type=“password”]{
边缘底部：10px；
边框左上半径：0；
边框右上角半径：0；
}

若我将CDN用于引导，那个么引导部分就工作了。另外，如果没有节点，我只需在浏览器中粘贴

signup.html

的路径，它就可以正常工作

---

您可以从

下载并检查完整的源文件，尝试更改html代码中的URL，如

 assets/styles/bootstrap.min.css

到

---

看看你的网络标签，看看发生了什么。通常会出现这些“拒绝应用样式”错误消息，因为浏览器的响应是404页面，而不是您想要的样式表。

尝试更改html代码中的URL，例如

 assets/styles/bootstrap.min.css

到

---

看看你的网络标签，看看发生了什么。通常会出现这些“拒绝应用样式”错误消息，因为浏览器响应的是404页面，而不是您想要的样式表。

当前，浏览器请求

http://localhost:3000/assets/styles/signup.css

返回包含“文本/html”内容的404页面（您可以在浏览器的开发人员工具中检查此内容）。
这就是您收到错误的原因。

MIME类型（“text/html”）不是受支持的样式表MIME类型，并且启用了严格的MIME检查。

从资产URL中删除“资产”一词：

<link type="text/css" rel="stylesheet" href="/styles/signup.css" />

---

此外，您还可以通过在浏览器选项卡输入中粘贴完整的CSS链接来检查它是否有效。

当前，浏览器请求

http://localhost:3000/assets/styles/signup.css

返回包含“文本/html”内容的404页面（您可以在浏览器的开发人员工具中检查此内容）。
这就是您收到错误的原因。

MIME类型（“text/html”）不是受支持的样式表MIME类型，并且启用了严格的MIME检查。

从资产URL中删除“资产”一词：

<link type="text/css" rel="stylesheet" href="/styles/signup.css" />

---

此外，您还可以通过在浏览器选项卡输入中粘贴完整的CSS链接来检查它是否有效。

您在浏览器开发工具的网络选项卡中看到了什么？您在浏览器开发工具的网络选项卡中看到了什么？哦，天哪，这立即起作用了：D！！！非常感谢！顺便问一下，我只是好奇你是怎么想的？为什么它在没有写入静态文件的完整路径的情况下工作？请查看您配置的.@T.M15

express.static

“assets”静态目录和“express查找相对于静态目录的文件，因此静态目录的名称不是URL的一部分。”这一点立即奏效：D！！！非常感谢！顺便问一下，我只是好奇你是怎么想的？为什么它在没有写入静态文件的完整路径的情况下工作？请查看您配置的.@T.M15

express.static

“assets”静态目录和“express查找相对于静态目录的文件，因此静态目录的名称不是URL的一部分。”