vue2运行项目和打包报错 error in ./node_modules/element-ui/lib/theme-chalk/index.css

今天在运行别人开发过的项目中发现报错ERROR in ./node_modules/element-ui/lib/theme-chalk/index.css处理办法在项目根目录下 build->webpack.dev.conf.js中找到将后面的 usePostCSS 改为 false 即可;如果 run dev 没有问题在打包 build时出现报错问题因为我这边安装了这两个插件是处理p

Colesyn L.

7395人浏览 · 2022-02-23 13:39:47

Colesyn L. · 2022-02-23 13:39:47 发布

今天在运行别人开发过的项目中发现报错
ERROR in ./node_modules/element-ui/lib/theme-chalk/index.css

处理办法
在项目根目录下 build->webpack.dev.conf.js中找到
在这里插入图片描述
将后面的 usePostCSS 改为 false 即可;

如果 run dev 没有问题在打包 build时出现报错问题因为我这边安装了

这两个插件是处理px转换rem的需要的可以再我的博客文章中搜索查看

postcss-loader / lib-flexible 这两个插件是因为 postcss-loader 插件版本太高或者太低导致的 build报错

在这里插入图片描述
在网上查阅资料后发现 4.0.4 没有问题修改为4.0.4后再次bulid就不会出现报错了;

切记修改后删除node_modules 重新安装即可

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^