vue 项目打包报错 CSS minification error

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

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

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

在这里插入图片描述

应该写成如下形式，

在这里插入图片描述 

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

就打包运行通过了

参考

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

凌厉越万里
关注
  • 4
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我...
CSS minification error
zzaixiao的博客
07-21 7324
在vue-cli3中打包出现如下错误： CSS minification error: Lexical error on line 1: Unrecognized text 原因是scss中calc中的变量使用方式 需要以 #{变量名} 的方式使用 使用以上方式导致打包出错： css 的错误，不能识别的文本 解决方案：使用变量时以如下方式使用 参考：https://stackoverflow.com/questions/53147639/compilation-failure-when-making-
webStorm打包vue项目并且部署到服务器
weixin_43085797的博客
04-29 9352
至于我为什么部署到window系统来当测试服务器，是因为公司叫我用台式电脑当测试服务器，所以用window系统. 部署之前，服务器的node.js等等环境要先部署好 一、打包项目(我用的开发工具是webStorm，所以直接在编译器输入命令打包) 添加依赖：npm install 打包：npm run build 如果打包的时候报错： ERROR Error: CSS minification ...
Error: CSS minification error: postcss-svgo: TypeError: Cannot read property
三七_z
08-30 531
打包时报错； npm install svgo@1.3.0 -E解决掉
记录bugERROR Error: CSS minification error: Cannot read property ‘trim‘ of undefined. File: css/chunk
hsdsnd的博客
10-17 676
打包的时候出现的错误。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
若依代码生成前端报错TypeError: Cannot read properties of null (reading ‘slice‘)
i_am_love_CrCr的博客
09-18 746
报错一直提示slice的问题，但是整个页面都找过了，就是没有发现slice方法哪里被调用了！上网搜了很多关于slice切分的问题，好多都在说是因为时间字符在做切分的时候发生了问题！若依会读取表的注释，在生成代码时对方法进行写解释注释。在使用navicate对表加注释时不小心换行了。生成这样的代码就是不可以使用的代码！今天的bug已经解决，下一个bug见了。最后在GitHub上找了问题所在。在生成代码时就会带来格式上的问题。今天在开发过程中遇到一个小问题。
Error: CSS minification error: Cannot read properties of undefined (reading ‘trim‘). File: static/cs
weixin_49826079的博客
12-08 1159
vue 项目打包报错Error: CSS minification error: Cannot read properties of undefined (reading 'trim'). File: static/cs
基于若依框架项目点击登录时出现TypeError: Cannot read properties of undefined (reading ‘user‘)
qq_42529941的博客
07-15 1672
基于若依框架项目点击登录时出现TypeError: Cannot read properties of undefined (reading 'user')
浏览器报错：Uncaught TypeError: Cannot read property ‘trim‘ of undefined
qq_63608386的博客
01-05 1472
首先知道这个trim是应用于字符串的一个方法，所以这个时候就可能是数据里面有东西不是字符串。经过排查发现有一个值为null，所以加一个三元表达式即可解决此问题。今天在制作项目的时候这个trim报错了。
打包报错：CSS minification error: Lexical error on line 1: Unrecognized text.
qq_41400330的博客
12-28 1498
scss打包报错
vuecli3引入bootstrap样式失效_项目升级vue cli3 迁移日志
weixin_39914499的博客
11-22 624
升级背景公司项目是用 vue-cli 搭建的，至今已经有2年了热更新也越来越慢，正好 vue cli3 也出来，听说编译速度大大提升，就想把项目移植到 vue cli3 现状技术： "webpack": "^3.6.0", "vue": "^2.5.2" 1. 代码量越来越大，编译速度也越来越慢，打包时间快一分钟，热更新也越来越慢，影响开发效率 2. 没有引入 eslint 语法检查, 代码风格不...
用Vue-cli搭建的项目中引入css报错的原因分析
08-29
Vue-cli项目中引入css报错的原因分析 在使用Vue-cli搭建项目时，遇到引入css文件报错的问题是非常常见的。本文将详细介绍这种问题的原因分析和解决方法。 问题描述 在使用Vue-cli搭建的项目中，我们经常需要引入...
Vue项目打包编译优化方案
10-14
Vue 项目打包编译优化方案是为了提升项目的性能和加载速度，尤其对于大型或者复杂的 Vue 应用来说，优化显得尤为重要。以下是一些关键的优化措施： 1. **不生成.map文件**： .map 文件主要用于在开发环境中进行...
vue element 项目默认css文件 style
01-02
一个标准的Vue Element项目会有一个默认的CSS文件，通常命名为`styles`，这个文件用于存放全局样式或者项目的基础样式。`styles`文件一般位于`src`目录下，这是Vue项目的源代码根目录，包含组件、路由、公共样式、...
记一次bug，Error: CSS minification error: Cannot read properties of undefined (reading ‘trim‘). File: cs
qq_32339317的博客
02-02 3526
记录一次bug
css minification error: cannot read property type of undefined （vue项目打包）
像梦巧清的博客
05-26 4151
这个问题出现的可能原因是因为你的css 某些属性缺失导致 比如说transform：rotate3d(0); 这个在页面中显示是没有问题的，但是打包的时候就会出问题 此时应该改为transform：rotate3d(0,0,0,0);
打包报错Error: CSS minification error: Cannot read property ‘trim‘ of undefined. File: static/css/chunk-
最新发布
code_gs的博客
03-15 499
样式穿透语法问题，::v-deep后面不要加(),vue3样式穿透:deep(XXXXX)
Error: CSS minification error: Lexical error on line 1: Unrecognized text.
少油少盐不要辣
02-27 5105
1.问题 今天，在我电脑上打包vue项目的时候，压缩css代码，出错了。如下： 2.分析 可是，有其他同事可以正常打包，node版本一样。找了好多方法，也没用。我就猜测，可能是依赖的问题。因为，在安装依赖的时候，安装node-sass，老是出错，一开始用yarn安装的，后来，改用了cnpm安装的。于是，我把node_modules删除了，用cnpm install重新安装。结果，令人感动，竟然成功了。因此，有了这篇博客。 3.结果 ...
vue项目打包报错CSS minification error: Cannot read properties of undefined (reading 'length')
09-27
根据你提供的引用内容，报错"Cannot read property 'length' of undefined"可能是由于在Vue项目中尝试读取一个未定义的属性的长度导致的。这个错误通常发生在组件渲染过程中，当数据尚未返回时，组件试图读取该数据的长度属性。解决这个问题的一种方法是在渲染该组件之前，先通过条件判断确保数据已经返回。 对于你提到的具体解决方案，可以在包含报错代码的元素上添加一个条件判断，例如使用v-if指令，只有在数据已经返回时才渲染该元素。这样可以避免在数据尚未返回时访问未定义的属性。 下面是一个示例代码片段，展示了如何使用v-if进行条件渲染来解决这个问题： ```html <div class="main" v-if="book.items"> <div class="img-list" v-for="list in book.items.length > 5 ? book.items.slice(1, 4) : book.items" v-bind:key="list.id"> <div class="new-img"> <img :src="imageUrl(list)" alt=""> <h1 class="title">{{ list.title }}</h1> </div> </div> </div> ``` 在上述代码中，我们使用了v-if指令来判断`book.items`是否已经定义，只有当`book.items`有值时才会渲染整个`<div class="main">`元素及其子元素。这样可以确保在数据返回之前不会访问到未定义的属性。 以上是解决报错"Cannot read property 'length' of undefined"的一种方法。希望这能帮助到你！如果还有其他问题，请随时提出。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值