您的问题发表于一段时间之前,但在Google上对这个问题排名很高,因此我想提供一些指针。
可能是伪装的HTTP/404错误
错误信息可能会误导您。遗憾的是,Google Chrome完全删除了响应,甚至是“网络”开发面板的预览。
MIME类型可能不正确,因为服务器正在用HTTP 404消息回复。
测试方法:直接在浏览器中打开CSS文件的URL,或使用像wget
这样的工具获取它。
您是否检查过路径是否正确?根据您的配置,css文件可能不在原来的位置(假设不是webpack或其配置的问题)。
我只能猜测正确的URL可能是什么...
http://localhost:10001/node_modules/font-awesome/css/font-awesome.min.css
http://localhost:10001/css/font-awesome/font-awesome.min.css
http://localhost:10001/css/font-awesome.min.css
http://localhost:10001/font-awesome.min.css
检查请求头
通常情况下,不仅是在CSS响应的情况下:
请求标头可以准备好优雅地回退,如果通过text/html
响应(例如,默认Apache 404页)
Accept: text/css, text/plain, */*
但是您不应该将*/*
配置为每个请求都接受。即使在本地开发环境中,这并不总是有用-应该尽早修复错误类型的响应。
框架为什么希望优雅地处理它
服务器可能会传递正确的答案,但却带有不正确的Content-Type
头。
框架假设服务器“一定想要application/json”,并让JSON解析器为其工作。
如果这样可以工作,框架可以忽略不正确的Content-Type
而仍然正常运行。
主要是为了在共享托管环境上运行,因为编辑.htaccess
设置可能是不可能的。
如果您的应用程序更严格地处理内容类型,则可以处理此类错误,但也可能需要花费一些时间进行调试。
相关答案
如果这些内容无法帮助您,以下回答对我很有帮助:
由于MIME类型而未加载样式表