Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
节点js-拒绝应用css(MIME类型text/html)_Css_Node.js_Express_Socket.io - Fatal编程技术网

节点js-拒绝应用css(MIME类型text/html)

节点js-拒绝应用css(MIME类型text/html),css,node.js,express,socket.io,Css,Node.js,Express,Socket.io,我试图用nodeJS、Express和socket.io在我的html中实现css,但我得到了错误:“拒绝应用来自的样式,因为它的MIME类型“text/html”不是受支持的样式表MIME类型,并且启用了严格的MIME检查。” 注意:我只是在localhost:8000 Node.js中运行时,在显示css文件时出错,而不是在我的普通index.html文件中 这是我在index.js中的配置 这是我的文件结构 风格 样式表 图像 解放党 节点单元 index.html appConfig.j

我试图用nodeJS、Express和socket.io在我的html中实现css,但我得到了错误:“拒绝应用来自的样式,因为它的MIME类型“text/html”不是受支持的样式表MIME类型,并且启用了严格的MIME检查。”

注意:我只是在localhost:8000 Node.js中运行时,在显示css文件时出错,而不是在我的普通index.html文件中

这是我在index.js中的配置

这是我的文件结构

风格 样式表 图像 解放党 节点单元 index.html appConfig.js index.js 到目前为止,我所做的是:

我将css脚本从 into type=text/html:它确实删除了错误,但我的css仍然没有应用到html中

检查了我的css文件名的拼写:名称或css路径没有问题
我在互联网上到处搜索,但没有任何帮助。可能是我配置错了,因为我对配置不太熟悉,但我没有任何想法。任何帮助或提示都是非常有用的。谢谢

你能在这里列出你的目录结构吗?最初的错误是,您希望将css应用于html文件,但节点返回的css文件具有html类型。在应用样式时,如果您手动将css文件的挖掘时间设置为html,那么它肯定不会起作用。你的css文件名和路径是什么?我猜测你的应用程序没有配置为提供css文件。当询问css文件时,服务器可能会用404响应,404是一种mime类型的html,因此出现错误。加载404页面时,请查看您的鼻子控制台日志。您必须向我们展示您在何处/如何提供静态文件,以便我们进一步提供帮助。 是的,如果样式中有style.css,则需要相应地设置静态目录。这里有一个参考资料

app.use(express.static('public'))
取自 在您的情况下,您可以将图像和样式文件夹包装在public下,然后使用给定的示例。然而,在生产环境中,您需要使用反向代理(如Nginx)来服务静态文件

我的解决方案是
app.useexpress.static__dirname+'/'

嗨,谢谢你的回复,我编辑了我的帖子。我添加了文件结构,希望能给你一些想法@Khanal@AliffM. 这对你有帮助吗?嗨,很抱歉回复晚了,我一直在忙于其他项目,是的,我设法将它应用到我的本地主机上,但没有使用。使用我使用。获取。css文件。非常感谢您的提示!:您可以在下面查看我是如何做到的!:D@KhanalThank,看起来我建议的中间件的字面添加修复了您的问题。虽然如果只将.css文件复制到公用文件夹中,而不更改链接style/style.css的style href的html文件,则不应使用。文件夹结构应该是public/style.css,或者html应该更新为href=style.css。你能不能也在这里发布更新,这样其他遇到这个问题的人就可以看到区别了?我建议发布目录结构和html文件部分,在那里附加css以供参考。为什么要在网站中显示css文件?这不是常见的做法。重复:您可以详细解释此解决方案工作的原因,特别是它与其他应用程序的区别。请在其他答案中使用。我是一名评论家。StackOverflow请求审阅,因为您是新的投稿人。感谢您的回答,非常有用。这个评论是为了帮助一个好的答案变成一个优秀的答案。
app.use(express.static('public'))