CSS minification error

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

#vue

本文解析了在使用Vue CLI 3进行项目打包时遇到的CSS minification错误，详细说明了错误原因在于SCSS中calc函数内的变量使用不当。文章提供了正确的变量使用方法，并附上了Stack Overflow上的参考链接。

在vue-cli3中打包出现如下错误：

CSS minification error: Lexical error on line 1: Unrecognized text
原因是scss中calc中的变量使用方式 需要以 #{变量名} 的方式使用
在这里插入图片描述
在这里插入图片描述
使用以上方式导致打包出错： css 的错误，不能识别的文本

解决方案：使用变量时以如下方式使用

在这里插入图片描述
参考：https://stackoverflow.com/questions/53147639/compilation-failure-when-making-a-production-build-with-create-react-app-v2

@vue/cli与rimraf 工具包的使用，打包时 calc 报错处理及vuex使用小示例
weixin_40567679的博客
06-07 1856
@vue/cli 实际使用心得 文章目录@vue/cli 实际使用心得小结 components 组件开发 将组件进行细分拆解实现。在我看来，细分下来可以使组件封装变得简单易实现；但是另一方面，个人觉得 dom 结构嵌套太多层对页面渲染是否也有一些压力。目前我还不知道细分太细好处大还是渲染隐患多…待我再去考究一番 使用$attrs 简化 n 层 props 父子传参(如果参数太多，可以简化书写量) 即多层嵌套组件形式，中间层直接向后续层组件使用 v-bind:="$attrs" 传递数据，需要使用数
vue-cli3中打包失败，CSS文件识别异常
今天bug有点多
04-13 2294
Error: CSS minification error: Lexical error on line 1: Unrecognized text. 原因是在 SCSS 中，calc 中变量的使用方式不正确 使用以上方式导致打包出错： css 的错误，不能识别的文本 正确使用方式应该为：#{ 变量名 } 再次打包，正常 ...
Error:CSS minification error: Lexical error on line 1:Unrecognized text.Erroneous area:1:infinity*1b
weixin_44522680的博客
08-14 1159
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.
qq_41400330的博客
12-28 1867
scss打包报错
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 插件尝试访问某些浏览器前缀...
CSS minification error: Cannot read properties of undefined (reading 'length')
09-27
引用: CSS minification error: Cannot read properties of undefined (reading 'length') 是一个错误提示，意思是在CSS压缩过程中出现了无法读取未定义属性的错误，具体是在读取长度属性时出错。该错误通常发生在...
CSS minification error: Cannot read property 'trim' of undefined. File: css/chunk-613f75bb.842a1b17.css
最新发布
11-12
我们正在处理一个CSS压缩错误，具体是"Error: CSS minification error: Cannot read property 'trim' of undefined"，发生在文件css/chunk-613f75bb.842a1b17.css中。 根据提供的引用，特别是引用[4]中的经验，这个...
Error: CSS minification error: Cannot read properties of undefined (reading 'trim'). File: static/css/chunk-4c01ada1.9cc3f8e7.css
08-13
在前端项目打包过程中，出现 `CSS minification error: Cannot read properties of undefined (reading 'trim')` 错误通常与 CSS 预处理器或构建工具对某些特定语法的支持问题有关。具体来说，这个问题通常出现在...
CSS minification error: Cannot find module '@trysound/sax'
05-30
这看起来像是在尝试对 CSS 文件进行压缩时出现了错误，因为无法找到 '@trysound/sax' 模块。这可能是由于缺少依赖项或版本不兼容导致的。您可以尝试运行以下命令来安装 '@trysound/sax' 模块并重新运行压缩： ``` ...
Vue2 npm run build Error: CSS minification error: Lexical error on line 1: Unrecognized text.
m0_48968874的博客
06-02 453
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
Error: CSS minification error: Cannot read properties of undefined (reading ‘trim‘). File: static/cs
weixin_49826079的博客
12-08 2725
vue 项目打包报错Error: CSS minification error: Cannot read properties of undefined (reading 'trim'). File: static/cs
CSS minification error: Lexical error on line 1:Unrecognized text
jyf_568的博客
07-09 449
删除node_modules 重新安装，如果还不行，就复制一份别的能用的
vue2 build打包报错：Error: CSS minification error: Cannot read property ‘unprefixed‘ of undefined.
我的小鱼干呢！
12-27 708
解决 vue2 build打包报错：Error: CSS minification error: Cannot read property ‘unprefixed‘ of undefined.
vue 项目打包报错 CSS minification error
StacyMo的博客
03-23 5230
vue 项目打包报错 Error: CSS minification error: Lexical error 错误： Error: CSS minification error: Lexical error on line 1: Unrecognized text. 使用下图写法导致打包出错： css 的错误，不能识别的文本 解决方案： scss中calc中的变量需要以 #{变量名} 的方式使用 ...
打包报错 CSS minification error: Lexical error on line 1: Unrecognized text.
pony君的博客
03-03 980
打包报错 CSS minification error: Lexical error on line 1: Unrecognized text.
Error: CSS minification error: Lexical error on line 1: Unrecognized text.
少油少盐不要辣
02-27 5514
1.问题 今天，在我电脑上打包vue项目的时候，压缩css代码，出错了。如下： 2.分析 可是，有其他同事可以正常打包，node版本一样。找了好多方法，也没用。我就猜测，可能是依赖的问题。因为，在安装依赖的时候，安装node-sass，老是出错，一开始用yarn安装的，后来，改用了cnpm安装的。于是，我把node_modules删除了，用cnpm install重新安装。结果，令人感动，竟然成功了。因此，有了这篇博客。 3.结果 ...
ERROR Error: CSS minification error: Unknown browser kaios. File: assets/css/app.582b07ad.css
weixin_43085797的博客
04-28 3729
webStrom用npm run build打包的时候报错： ERROR Error: CSS minification error: Unknown browser kaios. File: assets/css/app.582b07ad.css Error: CSS minification error: Unknown browser kaios. File: assets/css/app...
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值