打包报错 CSS minification error: Lexical error on line 1: Unrecognized text.

最新推荐文章于 2023-12-08 13:42:31 发布
最新推荐文章于 2023-12-08 13:42:31 发布
阅读量645 收藏 1
点赞数 2
分类专栏： css 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42744724/article/details/129323573
版权

今天打包遇到报错，看起来好像是css语法错误，找了半天没找到，看到一个老哥说是calc中，使用全局变量写法的问题。
在这里插入图片描述
问题代码：

width:  calc($squarelength / 2);

正确代码：

 width: calc(#{$squarelength} / 2);

再运行yarn build，欧吼！果然是这个问题！

https://blog.csdn.net/qq_41400330/article/details/128468320

pony君
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vue 项目打包报错 CSS minification error
StacyMo的博客
03-23 4518
vue 项目打包报错 Error: CSS minification error: Lexical error 错误： Error: CSS minification error: Lexical error on line 1: Unrecognized text. 使用下图写法导致打包出错： css 的错误，不能识别的文本 解决方案： scss中calc中的变量需要以 #{变量名} 的方式使用 ...
css-minification-benchmark:Node.jsCSS缩小器的比较
05-04
什么是css-minification-benchmark？ CSS缩小引擎的比较。 常问问题 涵盖哪些引擎？ 如何查看结果？ 克隆存储库，使用npm install安装依赖项，然后运行node ./bin/bench.js 。 就是这样！ 如果您希望在不克隆...
Error: CSS minification error: Lexical error on line 1: Unrecognized text.
少油少盐不要辣
02-27 5115
1.问题 今天，在我电脑上打包vue项目的时候，压缩css代码，出错了。如下： 2.分析 可是，有其他同事可以正常打包，node版本一样。找了好多方法，也没用。我就猜测，可能是依赖的问题。因为，在安装依赖的时候，安装node-sass，老是出错，一开始用yarn安装的，后来，改用了cnpm安装的。于是，我把node_modules删除了，用cnpm install重新安装。结果，令人感动，竟然成功了。因此，有了这篇博客。 3.结果 ...
打包报错：CSS minification error: Lexical error on line 1: Unrecognized text.
qq_41400330的博客
12-28 1501
scss打包报错
CSS minification error
zzaixiao的博客
07-21 7347
在vue-cli3中打包出现如下错误： CSS minification error: Lexical error on line 1: Unrecognized text 原因是scss中calc中的变量使用方式 需要以 #{变量名} 的方式使用 使用以上方式导致打包出错： css 的错误，不能识别的文本 解决方案：使用变量时以如下方式使用 参考：https://stackoverflow.com/questions/53147639/compilation-failure-when-making-
Error: CSS minification error: Cannot read properties of undefined (reading ‘trim‘). File: static/cs
最新发布
weixin_49826079的博客
12-08 1173
vue 项目打包报错Error: CSS minification error: Cannot read properties of undefined (reading 'trim'). File: static/cs
JisonLexerError: Lexical error on line 1: Unrecognized text Erroneous area:\n1: 100VH - 44px
langyalaoa的博客
03-31 924
height: calc(100VH - 44px); 改为 height: calc(100vh - 44px); 如果不想less计算结果值，改为 height: ~'calc(100vh- 44px)';
简单的网页制作案例（DIV+CSS完成）：室内设计.rar
05-01
- `盒模型`：CSS盒模型包括内容(content)、内边距(padding)、边框(border)和外边距(margin)，是理解网页元素尺寸计算的关键。 3. **布局技术**： - `display属性`：通过设置`display`属性，可以改变元素的显示...
clean-css：用于node.js和Web的快速高效CSS优化器
02-05
clean-css是针对平台和的快速高效CSS优化。 根据它是最好的之一。 目录Node.js版本支持clean-css需要Node.js 6.0+（在Linux，OS X和Windows上测试）安装npm install --save-dev clean-css利用var CleanCSS = require...
clean-css:适用于 node.js 和 Web 的快速高效的 CSS 优化器
07-24
clean-css 是适用于平台和的快速高效的 CSS 优化。 根据它是最好的之一。 目录4.1 版中的新功能重要提示：4.0 重大更改构造函数选项兼容模式获取选项格式选项内联选项优化级别0 级优化1 级优化2 级优化插件缩小方法...
postcss-clean:PostCss插件，通过clean-css最小化CSS
04-29
PostCss插件以最小化CSS 压缩将由处理， 根据是最小化CSS的顶级（可能是最佳）库之一。安装使用可以： npm install postcss-clean --save例子输入. try { color : # 607d8b ; width : 32 px ;}输出. try { color : #...
ERROR: [Mermaid] Lexical error on line 1. Unrecognized text.
weixin_46646763的博客
07-16 2794
遇到这种情况时不要着急，你需要把所有代码打完才会显示最终的流程图 中途会显示以下提示，请不要着急，继续将代码打完即可： 最终将代码打完后显示的效果如下图所示：
ERROR Error: CSS minification error: Unknown browser kaios. File: assets/css/app.582b07ad.css
weixin_43085797的博客
04-28 3523
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...
vue-element-admin(vue2) 二次开发需注意事项
WebFrontEnd_TL
11-14 9876
目录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.......................................
Error: CSS minification error: postcss-svgo: TypeError: Cannot read property
三七_z
08-30 532
打包时报错； npm install svgo@1.3.0 -E解决掉
vue-cli 3.0 与 framework7 的一个 css 问题
weixin_34018202的博客
08-16 1337
发现问题 看到 vue-cli3 和 framework7 都升级到3.0了,团队打算用新版本做些新东西.有 https://github.com/framework7... 和 vue-cli3 中文文档的加成, 开始还算顺利, npm run serve 也能把项目跑起来. 但是 npm run build 打包的时候发生问题了. 报...
css minification error: cannot read property type of undefined （vue项目打包）
像梦巧清的博客
05-26 4155
这个问题出现的可能原因是因为你的css 某些属性缺失导致 比如说transform：rotate3d(0); 这个在页面中显示是没有问题的，但是打包的时候就会出问题 此时应该改为transform：rotate3d(0,0,0,0);
快速解决node-sass报错问题
weixin_46560512的博客
11-25 968
快速解决node-sass报错问题
vue项目打包报错CSS minification error: Cannot read properties of undefined (reading 'length')
09-27
根据你提供的引用内容，报错"Cannot read property 'length' of undefined"可能是由于在Vue项目中尝试读取一个未定义的属性的长度导致的。这个错误通常发生在组件渲染过程中，当数据尚未返回时，组件试图读取该数据...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

pony君

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值