问题描述:
部署到服务器上的项目有一个页面进不去(本地可以进)。
浏览器控制台报错如下:
来自“http://XXX.css”的资源已被阻止,
因为 MIME 类型(“application/json”)不匹配(X-Content-Type-Options: nosniff)。
Error: Loading CSS chunk chunk-b0a1 failed. (/XXX/static/css/chunk-b0a1.XXX.css)
问题排查:
发现该css文件为0kb,怀疑因此加载时产生错误。
转而观察页面代码,发现代码中有如下:
<style scoped>
</style>
尝试解决:
可能是空style标签导致,将其删除,重新打包上传,解决。
备注:
- style中内容被注释也算空,也需要删掉。
- 具体报错原理与解决原理未明,希望有知道的同学评论交流,非常感谢。