CSS minification error

最新推荐文章于 2024-08-15 16:49:01 发布
最新推荐文章于 2024-08-15 16:49:01 发布
阅读量7.5k 收藏 4
点赞数 5
分类专栏： vue scss 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zzaixiao/article/details/107485269
版权
vue 同时被 2 个专栏收录
2 篇文章 0 订阅
订阅专栏
scss
1 篇文章 0 订阅
订阅专栏

在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 项目打包报错 CSS minification error
StacyMo的博客
03-23 4687
vue 项目打包报错 Error: CSS minification error: Lexical error 错误： Error: CSS minification error: Lexical error on line 1: Unrecognized text. 使用下图写法导致打包出错： css 的错误，不能识别的文本 解决方案： scss中calc中的变量需要以 #{变量名} 的方式使用 ...
Error:CSS minification error: Lexical error on line 1:Unrecognized text.Erroneous area:1:infinity*1b
weixin_44522680的博客
08-14 363
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 1580
scss打包报错
Error: CSS minification error: Cannot read properties of undefined (reading ‘trim‘). File: static/cs
weixin_49826079的博客
12-08 1416
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.
少油少盐不要辣
02-27 5219
1.问题 今天，在我电脑上打包vue项目的时候，压缩css代码，出错了。如下： 2.分析 可是，有其他同事可以正常打包，node版本一样。找了好多方法，也没用。我就猜测，可能是依赖的问题。因为，在安装依赖的时候，安装node-sass，老是出错，一开始用yarn安装的，后来，改用了cnpm安装的。于是，我把node_modules删除了，用cnpm install重新安装。结果，令人感动，竟然成功了。因此，有了这篇博客。 3.结果 ...
打包报错 CSS minification error: Lexical error on line 1: Unrecognized text.
pony君的博客
03-03 709
打包报错 CSS minification error: Lexical error on line 1: Unrecognized text.
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 find module '@trysound/sax'
05-30
这看起来像是在尝试对 CSS 文件进行压缩时出现了错误，因为无法找到 '@trysound/sax' 模块。这可能是由于缺少依赖项或版本不兼容导致的。您可以尝试运行以下命令来安装 '@trysound/sax' 模块并重新运行压缩： ``` ...
vue项目打包报错CSS minification error: Cannot read properties of undefined (reading 'length')
09-27
根据你提供的引用内容，报错"Cannot read property 'length' of undefined"可能是由于在Vue项目中尝试读取一个未定义的属性的长度导致的。这个错误通常发生在组件渲染过程中，当数据尚未返回时，组件试图读取该数据...
@vue/cli与rimraf 工具包的使用，打包时 calc 报错处理及vuex使用小示例
weixin_40567679的博客
06-07 1691
@vue/cli 实际使用心得 文章目录@vue/cli 实际使用心得小结 components 组件开发 将组件进行细分拆解实现。在我看来，细分下来可以使组件封装变得简单易实现；但是另一方面，个人觉得 dom 结构嵌套太多层对页面渲染是否也有一些压力。目前我还不知道细分太细好处大还是渲染隐患多…待我再去考究一番 使用$attrs 简化 n 层 props 父子传参(如果参数太多，可以简化书写量) 即多层嵌套组件形式，中间层直接向后续层组件使用 v-bind:="$attrs" 传递数据，需要使用数
vue webpack自动化开发
Li Shanggang's Blog
12-15 1492
一.vue开发自动化 1. sudo cnpm install 安装node-module sudo cnpm install 2. 报错安装这些包 sudo cnpm install babel-plugin-transform-runtime css-loader 3.安装完成后webpack更新打包 webpack sudo cnpm ins
CSS minification error: Lexical error on line 1:Unrecognized text
jyf_568的博客
07-09 176
删除node_modules 重新安装，如果还不行，就复制一份别的能用的
记一次bug，Error: CSS minification error: Cannot read properties of undefined (reading ‘trim‘). File: cs
qq_32339317的博客
02-02 3734
记录一次bug
- Building for production... ERROR TypeError: Class extends value undefined is not a constructor o
最新发布
THY0827的博客
08-15 342
该版本模板 vue-admin-template@4.4.0 build：prod script打包不支持：：v-deep（样式名）{样式} 的格式，只需把括号去掉，改成：：v-deep 样式名 {样式} 就可以了，我的就成功了，还有人说改成 ：：v-deep{ 样式名：样式 } ，我没有尝试，大家可以尝试。使用jeecgboot低代码平台运行没有错误，打包出错。打包过程中又出现了另一个错误。最后更新了一下这个就可以了。
vue-cli3中打包失败，CSS文件识别异常
今天bug有点多
04-13 2146
Error: CSS minification error: Lexical error on line 1: Unrecognized text. 原因是在 SCSS 中，calc 中变量的使用方式不正确 使用以上方式导致打包出错： css 的错误，不能识别的文本 正确使用方式应该为：#{ 变量名 } 再次打包，正常 ...
记录bugERROR Error: CSS minification error: Cannot read property ‘trim‘ of undefined. File: css/chunk
hsdsnd的博客
10-17 847
打包的时候出现的错误。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
vue-element-admin(vue2) 二次开发需注意事项
热门推荐
WebFrontEnd_TL
11-14 1万+
目录ElementUI ElementUI <el-divider /> 组件无法使用 解决：修改package.json element-ui 的版本号大于2.8.0 ## 查看可以版本 npm view element-ui version ## 修改package.json 中element-ui版本为最新 ## 更新element-ui npm update elem.......................................
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值