vue build text html,在vue项目npm run build后,index.html中引入css和js 报MIME type问题

本文解决了一个Vue项目在build打包后index页面打开报错的问题,错误提示为MIME类型('text/html')不受支持。通过排查发现是由于资源路径配置不当导致样式文件加载失败,最终通过修改publicPath配置为相对路径解决了该问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题:

1.在vue项目中,build打包后,index页面打开会报错, MIME type (‘text/html‘) ;报错内容:because its MIME type (‘text/html‘) is not a supported stylesheet MIME type2.控制台报错:报错内容:http://127.0.0.1:5500/static/css/app.04f46711e76646577281177c721d6432.css 这个地址Cannot GET

解决思路:

1.是否是引入没有添加type=text/css rel="stylesheet" rel="stylesheet" type=text/javascript否,past!

2.是否是资源被拦截了或者没有找到

在浏览器中打开样式地址,yes,没找到

3.那么:

这是路径问题,导致资源加载失败,更改配置把引用publicPath改成相对引用 PublicPath: ‘./‘,重新build,搞定。

总结:

一般这种问题不会是我们代码不严谨的问题,根源大概率出现在:被拦截或者路径没有配对。

原文:https://www.cnblogs.com/ziChin/p/10271069.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值