vue 项目打包报错 CSS minification error

最新推荐文章于 2025-06-02 08:00:00 发布
原创 最新推荐文章于 2025-06-02 08:00:00 发布 · 3.1k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #css #javascript

本文记录了解决Vue项目打包时出现的CSS Minification Error的过程。错误并非由代码引起，而是由于第三方库的问题。通过定位到具体文件并注释掉抛出错误的代码，成功完成项目打包。

今天在打包vue的项目时候，会出现了一个问题，在控制台报错 CSS minification error

 这是第一次遇到这问题，网上查找了一边，基本都是提示css的语法错误

在这里插入图片描述

应该写成如下形式，

在这里插入图片描述 

但是，我的代码里并不存在这种问题，最后，我看控制台的报错提示，在node_modules的某个资源文件夹中，并查找相关资源，找到@intervolga 文件夹下index.js 把报错的throw new Error注释了

就打包运行通过了

参考

Blog.Vue: 一个vue的个人博客项目，配合.net core api教程，打造前后端分离 (gitee.com) 

Vue打包错误：UnhandledPromiseRejectionWarning: Error: Cannot divide by “px“, number expected
gdgztt的专栏
11-28 475
Vue打包错误：UnhandledPromiseRejectionWarning: Error: Cannot divide by "px", number expected
前端vue项目运行时报错：Cannot read properties of null (reading ‘pickAlgorithm‘)
m0_67402774的博客
06-21 1984
从git上下载的前端代码，然后在VScode中执行：npm run dev。 结果报错： 许多文章说需要删除node_modules文件夹，然后再运行npm install;但是经过几次尝试还是失败了！于是打算使用yarn install;先删除node_modules文件夹，然后清除一下缓存：npm cache clear --force安装yarn： 然后安装淘宝镜像： 使用第三方软件快速修改、切换 yarn 镜像源 yrm （YARN registry manager） 不仅可以快速切换镜像源，还可以
css minification error: cannot read property type of undefined （vue项目打包）
像梦巧清的博客
05-26 4401
这个问题出现的可能原因是因为你的css 某些属性缺失导致 比如说transform：rotate3d(0); 这个在页面中显示是没有问题的，但是打包的时候就会出问题 此时应该改为transform：rotate3d(0,0,0,0);
记录bugERROR Error: CSS minification error: Cannot read property ‘trim‘ of undefined. File: css/chunk
hsdsnd的博客
10-17 1178
打包的时候出现的错误。ERROR Error: CSS minification error: Cannot read property 'trim' of undefined. File: css/chunk-220dffc9.a499111f.css Error: CSS minification error: Cannot read property 'trim' of undefined. File: css/chunk-220dffc9.a499111f.css
CSS minification error
zzaixiao的博客
07-21 7850
在vue-cli3中打包出现如下错误： CSS minification error: Lexical error on line 1: Unrecognized text 原因是scss中calc中的变量使用方式 需要以 #{变量名} 的方式使用 使用以上方式导致打包出错： css 的错误，不能识别的文本 解决方案：使用变量时以如下方式使用 参考：https://stackoverflow.com/questions/53147639/compilation-failure-when-making-
vue2 build打包报错：Error: CSS minification error: Cannot read property ‘unprefixed‘ of undefined.
我的小鱼干呢！
12-27 703
解决 vue2 build打包报错：Error: CSS minification error: Cannot read property ‘unprefixed‘ of undefined.
vue 项目打包报错 CSS minification error:cannot read properties of undefined reading unprefixed
12-06
当你遇到 Vue 项目打包时报“CSS minification error: cannot read properties of undefined reading unprefixed”错误时，这通常表示在压缩 CSS 文件的过程中，Webpack 或者一些 CSS 插件尝试访问某些浏览器前缀...
vue项目打包报错CSS minification error: Cannot read properties of undefined (reading 'length')
09-27
根据你提供的引用内容，报错"Cannot read property 'length' of undefined"可能是由于在Vue项目中尝试读取一个未定义的属性的长度导致的。这个错误通常发生在组件渲染过程中，当数据尚未返回时，组件试图读取该数据...
vue项目打包一直报错
01-09
当 Vue 项目在打包过程中遇到 `CSS minification error` 或者 `Lexical error` 错误时，这通常意味着 CSS 文件中的语法存在问题。可以尝试更新项目的依赖库至最新版本来修复潜在的兼容性问题[^1]。 ```bash npm ...
Error: CSS minification error: Cannot read properties of undefined (reading ‘trim‘). File: static/cs
weixin_49826079的博客
12-08 2676
vue 项目打包报错Error: CSS minification error: Cannot read properties of undefined (reading 'trim'). File: static/cs
Error:CSS minification error: Lexical error on line 1:Unrecognized text.Erroneous area:1:infinity*1b
weixin_44522680的博客
08-14 1140
1.判断是依赖问题而不是代码问题，删除依赖重新npm install，然后打包，没有解决。3.删除依赖cnpm install（网上看到帖子cnpm可以解决），没有解决。css 的错误，不能识别的文本：无限大×一个有限的数值=无限大所以报错。到node_modules该目录下的index.js里，注释到该代码。2.删除依赖yarn install，重新打包，没有解决。定位到抛出error的位置，注释掉代码，解决问题。改calc语法的这个解决方法无法解决。希望我的办法可以对你有帮助！也没有办法定位到该问题。
CSS minification error: Lexical error on line 1:Unrecognized text
jyf_568的博客
07-09 446
删除node_modules 重新安装，如果还不行，就复制一份别的能用的
记一次bug，Error: CSS minification error: Cannot read properties of undefined (reading ‘trim‘). File: cs
qq_32339317的博客
02-02 4600
记录一次bug
打包报错 CSS minification error: Lexical error on line 1: Unrecognized text.
pony君的博客
03-03 971
打包报错 CSS minification error: Lexical error on line 1: Unrecognized text.
打包报错：CSS minification error: Lexical error on line 1: Unrecognized text.
qq_41400330的博客
12-28 1861
scss打包报错
Vue2 npm run build Error: CSS minification error: Lexical error on line 1: Unrecognized text.
最新发布
m0_48968874的博客
06-02 440
vue2 npm run build Error: CSS minification error: Lexical error on line 1: Unrecognized text. Erroneous area: 1: 100% - $pl ^.........^. File: css/bigScreen.508a51a8.css Error: CSS minification error: Lexical error on line 1: Unrecognized text. Errone
基于若依框架项目点击登录时出现TypeError: Cannot read properties of undefined (reading ‘user‘)
qq_42529941的博客
07-15 2026
基于若依框架项目点击登录时出现TypeError: Cannot read properties of undefined (reading 'user')
CSS minification error: Cannot divide by "rem", number expected.
dujyong的博客
03-13 2081
打包报错: CSS minification error: Cannot divide by “rem”, number expected. 是因为文件写css时出错: 直接计算后写上即可: 问题解决
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值