npm run bui打包文件 dist里的index页面报 because its MIME type(‘text/html‘) is not a supported stylesheet

最新推荐文章于 2025-01-03 23:04:29 发布
原创 最新推荐文章于 2025-01-03 23:04:29 发布 · 571 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

在基于Webpack的项目中遇到CSS样式无法加载的困扰，经过两天的排查，发现是output配置的publicPath问题。解决方案是在webpack.prod.conf.js的output中添加'publicPath: './'，修复了默认根目录导致的样式获取不到的错误。

花了我两天的时间，终于给解决了！

正常的基于webpack创建项目，自然而然地的npm run build打包，然后打开dist文件下的index文件，给我报这样的错！

 和之前的操作一样，但是出现这样的问题，我很懵逼！后来找了各种资料发现我写的没问题，但是在一个配置是出现了默认根目录的问题，需要更改一下！

问题其实就是css样式获取不到，在build>webpack.prod.conf.js>output里添加

publicPath: './'

 

Vue - 解决报错 TypeError: transpileDependencies.map is not a function（vue项目运行启动或打包时提示错误，npm run serve报错）
🏆 前端领域优质创作者
01-07 6665
vue2，vue3，项目报错，transpileDependencies.mapisnotafunction，vue项目报错，运行npmrundev提示报错，项目启动就报错，npmrunbuild打包报错，Vue运行无故报错解决transpileDependencies.mapisnotafunction，什么也没动就报错了，Vue2报错，vue3报错，安装过程中执行了npmauditfix导致，项目没动代码就报错了，都改了还不行，加了配置也不行，vue.config.js加了t
This is probably not a problem with npm. There is likely additional logging output above.
猿小白的博客
05-23 5421
使用node打包命令npm run build:prod 时报这个错误。 This is probably not a problem with npm. There is likely additional logging output above. （1）删除目录下的node_modules目录 （2）删除目录下的 package-lock.json文件 （3）清理npm缓存 （4）重新安装依赖 （1）删除目录下的node_modules目录 rd /s /q node_module.
解决because its MIME type (‘text/html‘) is not a supported stylesheet MIME type, and strict MIME check
cz20191106196的博客
04-20 1万+
vue连接django,vue+django
未分析样式表，因为严格模式下不允许使用非CSS MIME类型
weixin_45501369的博客
08-08 1890
最后是我的网站在etc / ​​​​​​​Nginx / conf.d中的conf文件。然后是Nginx.conf,也在etc / Nginx中。首先是etc / Nginx中的mime.conf文件。
vue项目 npm run build 打包静态项目问题，一步到位的操作
Jacy_Lee_LDF的博客
08-14 2618
这次是第一次做vue项目，什么都不懂，过程中也遇到很多问题，每一次解决了就习惯性的写篇文章记录下来，以免下次再遇到，这次项目终于写完了，要打包上线，发现直接npm run build 打包之后，index.html 页面打开空白，检查发现引用的文件都报错了，百度方法，不报错了，但是index依然空白，还有项目打包时报错的问题，经过几十个标签页的学习，我觉得干脆改打包之前该修改的内容已经该添加的内容都操作一遍好了，省心！以下是具体操作： 1.首先修改 config/index.js ： productio.
解决打包文件 加载资源报错 because its MIME type (‘text/html‘) is not a supported stylesheet MIME type
热门推荐
weixin_48337403的博客
11-23 4万+
关于vue-cli打包文件出现问题加载问题 出现这种问题,大多都是路径问题 事情是这样的,最近打包的文件放在服务器上,一直报错,发现资源加载问题,于是上网查找全是关于相对路径的设置问题.但是,修改路径后,基础资源加载没有问题了,但是路由下的页面依然报错,并且是这样的报错. 意思很简单: 拒绝从‘ …’加载应用样式，因为它的MIME类型(‘text/html’)不是受支持的样式表MIME类型 不仅仅css,包括js也出现了相同的问题 后来发现居然跟路由模式也相关,其他项目中默认路由模式是hash,而当前的路
because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checkin
weixin_43675596的博客
09-22 1万+
一次漫长的改错之旅错误描述解决过程解决方法最后说的话 错误描述 就是昨天还好好的，今天突然就出现上述错误，错误简单说就是服务器无法访问除了我本省的html页面以外所有的文件，但是用了cdn引入的包和库都能正常使用，就是css外联表和图片，图标无法使用。 解决过程 复制错误解释直接百度 当然查出来了一些解决办法，但是都是针对css本身的，比如“引入位置”“优先级”“格式严谨” 还有其他的诸如sp...
vue2/3 - 执行npm install安装依赖时报错npm ERR! cb.apply is not a function | npm ERR! A complete log of this解决
高级前端工程师
03-02 4041
vue2，vue3，vue安装依赖报错，npm install装包报错，如何解决vue安装项目依赖时出现报错npm ERR! cb.apply is not a function，vue2 vue3装包时cmd终端出现npm ERR! A complete log of this错误，怎么解决报错，vue报错处理，npm 报错cb.apply is not a function，npm安装时出错，vue项目无法安装依赖，安装依赖错误，vue2/3 - 执行npm install安装依赖时报错npm ERR!
手把手教你如何Vue项目打包dist文件并Tomcat发布【超级详细】
**My Coding Family**
03-24 1万+
零基础带你入门Vue项目打包部署到Linux服务器，一条龙服务，只为不远千里把你教会。
uniapp - 解决报错 TypeError: e[t] is not a function（Uniapp项目运行或打包编译时提示错误e[t] is not a function，全平台端均可搞定）
最新发布
高级前端工程师
01-03 7988
uniapp，报错，TypeError: e[t] is not a function，uniapp App端报错，Android端，苹果ios打包报错，运行报错，uniapp打包报错e[t] is not a function，无法运行提示错误，uniapp live-pusher直播推流，maps地图组件，uni-app live-pusher 报错TypeError: e[t] is not a function，uni-app maps报错TypeError: e[t] is not a funct
BUI-webapp控件-DCloud打包
12-20
BUI-webapp控件-DCloud打包, 基于DCloud打包的webapp, 控件示例, 可以安装一致的体验
BUI-webapp控件-APICloud打包
12-20
BUI-webapp控件-APICloud打包, 基于APICloud打包的webapp, 控件示例, 可以安装一致的体验
because its MIME type (‘text/html‘) is not a supported stylesheet MIME type
q1424966670的博客
08-25 1万+
vue-cli4.0运行yarn build打包之后，页面打开报这个错误，经过查询之后，这是路径错误导致的 所以在项目最外层新建vue.config.js 在js里面加入下面代码 module.exports={ publicPath : './' } 如果你是3.3版本之前的，用下面这个写法 module.exports={ baseUrl: './' } ...
because its MIME type (‘text/html‘) is not a supported stylesheet MIME type, and strict MIME
m0_63077733的博客
02-27 1215
because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME
错误because its MIME type (text/html) is not a supported stylesheet MIME type, and strict MIME checkin
xiaoyuer_2020的博客
05-18 2万+
我打包之后的index.html里面的文件路径是这样的： <link href=/css/app.96cd402b.css rel=preload as=style> 就一直报because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checkin这个错误。 修改为： <link href=css/app.96cd402b.css rel=preload as=
【because its MIME type (‘text/html‘) is not a supported 报错原因与解决】
weixin_43727933的博客
12-05 2万+
because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled 报错原因与解决
because its MIME type (‘text/html‘) is not a supported stylesheet MIME type, and...
qq_41757660的博客
08-10 6697
引入css或js文件报错：because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checkin 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准
Refused to apply style from ‘XXX‘ because its MIME type (‘text/html‘) is not a supported stylesheet
thirteen_king13的博客
05-20 2万+
完整报错信息是 Refused to apply style from 'http://localhost:8080/src/assets//css/reset.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled 问题就是这个文件的类型不是一个受支持的样式表，无法应用样式。 在 vue 项目中，在 src 的 assets 目
Npm run build 打包之后打开dist的index.html报静态资源路径错误
qq_32741973的博客
04-09 1062
解决方法一.修改config下的assetsPublicPath的'/'为'./'，重新npm run build,再打开dist的index.html 解决方法二：安装一个http-server在本地开启一个本地的服务器，assetsPublicPath的'/'不用加. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值