vue2打包报错——error in css/app.b9045713.css（css/app.b9045713.css from Css Minimizer plugin）

最新推荐文章于 2024-05-28 15:48:52 发布
最新推荐文章于 2024-05-28 15:48:52 发布
阅读量1.5k 收藏 2
点赞数 3
文章标签： css 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44479794/article/details/124706857
版权

使用vue2+elementUI写了一个门户网站，在打包时遇到一个报错error  in css/app.b9045713.css，报错截图如下

一开始百度上找不到，交流群也问了个遍，都没有有效的解决方法， 以为是Css Minimizer plugin的问题，实际上和这个插件并没有关系，但是通过排除法猜测可能和css有关系，于是逐个页面排除css样式，终于发现了，原因是我在style里使用了“//”的方法进行注释，因为当时样式是网速复制下来的，就没在意。

虽然是因为我的粗心大意导致出现这个问题，不过这个报错确实有点坑，记录一下 

一个诡异的bug
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue+css+jsp高德地图API 开发的demo案例.zip
05-27
这是一个基于Vue.js、CSS和JSP的高德地图API开发的Demo案例，旨在展示如何将这些技术有效地结合在一起，创建一个交互式的地图应用。在这个项目中，Vue.js用于构建用户界面，CSS负责样式设计，而JSP（Java Server ...
用html、css、js、vue.js 写的 demo 与小游戏
最新发布
07-03
基于 Vue 的待办应用 西里尔哈萨克文字转化成旧题哈萨克文 基于原生 JS 的简单播放器页面 基于原生 JS 的交互式评论页面 基于 flex 布局 + css 精灵图的 demo websocket 测试工具 生成 base64 图片 tailwindcss + ...
vue打包出错 in css/539.4a89239b.css css from Css Minimizer plugin Error: Unexpected ‘/‘.
qq_44365080的博客
05-29 2415
Vue 打包出错： in css/539.4a89239b.css css/539.4a89239b.css from Css Minimizer plugin Error: Unexpected ‘/’. Escaping special characters with \ may help. 解决： 删除css 文件中的 // 注释内容
webpack性能优化 js，css和html文件压缩，TerserWebpackPlugin，CSSMinimizerPlugin以及HtmlWebpackPlugin插件
dxh9231028的博客
08-22 593
Terser工具包含了对js代码的解析（parse），压缩（compress），绞肉机（mangle），其中压缩就是我们熟知代码丑化以及修改变量等，而绞肉机则是去除无用代码，也就是摇树功能，webpack对其功能进行了集成，我们可以通过相关配置来进行调用。注意：无论是js压缩还是css压缩，webpack都会默认进行压缩，只有当我们不满意默认配置时，才进行配置修改，parallel是开启并发打包，默认开启，并且压缩插件属于对代码的优化，所以不写在插件配置内，而在optimization配置内。
【前端】项目打包出现 in css/app.2e69bd6a.css css/app.2e69bd6a.css from Css Minimizer plugin问题：
Bole6666666的博客
05-28 177
举例：标签内不支持和//类型注释，虽然在运行项目时不会报错，但是在打版过程中会提示标题类似的报错信息，所以只需要把相关注释清除掉，或则更换注释格式。解决思路：找到style标签下的注释，分析注释格式是否符合标准。
4. css资源加载 loader 解析器
qq_37905131的博客
08-04 704
我们需要知道的一个前提是：webpack默认只认识js或者json文件，其他的资源webpack不认识。而loader 就是将文件转换成webpack 能够处理的文件的这个一个工具
webpack5 CssMinimizerPlugin css压缩
周家大小姐
11-15 1695
它的主要目标是将 JavaScript 文件打包在一起，打包后的文件用于在浏览器中使用，但它也能够胜任转换（transform）、打包（bundle）或包裹（package）任何资源(resource or asset)。我们应该是单独的 Css 文件，通过 link 标签加载性能才好。它的主要目标是将 JavaScript 文件打包在一起，打包后的文件用于在浏览器中使用，但它也能够胜任转换（transform）、打包（bundle）或包裹（package）任何资源(resource or asset)。
taro-react构建h5报错：Error: css/147.css from Css Minimizer plugin Error: [object Object] is not a PostCS
qq_38969618的博客
12-08 899
npm install postcss@8.2.1
build vue 指定版本_利用vue打包时候出现的CssSyntaxError
weixin_36361447的博客
12-12 336
因为电脑更新，所以从新从公司的github上下载了仓库，前几天npm start了一下，完全没有什么问题，所以也没有多想，但是今天需要build好上线一个修改的小问题，结果在我执行npm run-script build 的时候，竟然出现了error的事情,错误的大概内容就是：“UnhandledPromiseRejectionWarning: CssSyntaxError:”,感觉问题应该不大，...
Unexpected ‘/‘. Escaping special characters with \ may help.报错 （已解决）
m0_64479814的博客
07-04 2670
错误是css代码格式有问题，在编写vue代码时候，<style lang="scss"> 写法 css可以用 // 去注释。正常css只能 /* */ 注释，style标签里面lang="scss" 去掉之后，注释格式改一下就没问题了。
学习css，html，js，vue基础.zip
01-05
学习css，html，js，vue基础学习css，html，js，vue基础 学习css，html，js，vue基础学习css，html，js，vue基础 学习css，html，js，vue基础学习css，html，js，vue基础 学习css，html，js，vue基础学习css，html，...
html+css+jsp+vue的一个社交生活记录网站.zip
05-24
html css网页制作成品 html+css+jsp+vue的一个社交生活记录网站.zip html+css+jsp+vue的一个社交生活记录网站.zip html+css+jsp+vue的一个社交生活记录网站.zip
vant+vue初始化移动端项目，border样式重置：border.css
05-05
vant+vue初始化移动端项目，border样式重置：border.css
webpack不同环境下使用CSS分离插件mini-css-extract-plugin
黎小小的博客
10-09 2491
不同环境下的打包，如果出现图片显示不了时（特别是css中的图片），请检查publicPath的配置。会开启tree-shaking和js代码压缩，但配置会使默认的压缩功能失效。所以，指定css压缩插件的同时，务必指定js的压缩插件。插件，结合配置，可以把css代码打包到单独的css文件，且可以设置存放路径（通过设置插件的filename和生产环境下不能使用devtool:"inline-source-map"，而用devtool:"source-map"
Vue项目进行webpack打包时出现css报错
Jason_Nevermind的博客
10-22 1271
在进行npm run build进行打包时出现报错: Unknow word 解决方案 暂时注释掉OptimizeCSSPlugin相关配置，等待问题解决后恢复。 1.找到build/webpack.prod.conf文件，注释掉此plugin 2.再次打包：npm run build 此时打包成功 3.在生成的dist中查找出现问题的css，定位到具体样式 此时发现是em标签出现问题，根据上下样式查找出原样式表的相应位置及属性 4.查找样式表问题的对应位置并进行修改 5.更改后放开插件注释并重新b
vue中写html样式出错,vue引入css打包出错的问题
weixin_34208400的博客
05-30 433
我在main.js引用的时候import "mui.min.css";，npm run dev是没有问题的，但是npm run build 就报错ERROR in ./~/css-loader?{"minimize":true,"sourceMap":true}!./src/assets/css/mui.min.cssModule build failed:@ ./~/css-loader?{"m...
vue-echarts的使用及编译报错解决方法
wangchaoqi1985的博客
11-22 383
vue-echarts的使用及编译报错解决方法
《十五》对打包后的 CSS 文件中的代码进行压缩
花铛
10-25 129
CssMinimizerWebpackPlugin 插件只会对打包后的 CSS 文件中的 CSS 代码进行压缩，不会对打包后的 HTML 文件、JS 文件中的 CSS 代码进行压缩。在 Webpack 中可以使用 CssMinimizerWebpackPlugin 插件来实现对 CSS 代码的压缩。CssMinimizerWebpackPlugin 插件是使用 cssnano 工具来压缩 CSS 的。CSS 压缩通常是去除无用的空行空格等，因为很难去修改选择器、属性名、属性值等。
前端工程化之Webpack优化
weixin_52884694的博客
09-13 2505
❝ 打不垮我的，将使我更加坚强 --尼采 ❞ 大家好，我是「柒八九」。 好久没更文了，其实这段时间，一直没闲着。在准备一些比较重要的东西。忙着跑步，忙着学习，忙着xx。 总之就是，一直在忙着，从未停歇。 虽然，这段时间，没有文章的发布，其实，在私底下，已经有不下10篇的文章已经起手了。等再润色一下，就会和大家见面。 学习总结 这是，我之前学习总结，后期会逐步给大家免费分享。敬请期待。 好了，闲话少叙。 今天，我们来谈谈关于-- Webpack的打包优化。 你能所学到的知识点 ❝ Webpack Loa
in css/app.1690513861170.css
07-29
- *2* [vue2打包报错——error in css/app.b9045713.css（css/app.b9045713.css from Css Minimizer plugin）](https://blog.csdn.net/weixin_44479794/article/details/124706857)[target="_blank" data-report-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值