升级依赖报异常Error: Loading PostCSS Plugin failed: No valid exports main found for /node_modules/colorette

排查背景artemis前端框架基于vue-element-admin开发，github提示某个组件版本过低，存在安全风险，就对用到的相关组件进行一次升级，升级后，却发现项目启动不了，报错信息如下：Module build failed (from ./node_modules/postcss-loader/src/index.js):Error: Loading PostCSS Plugin fa

MateCloud微服务

5797人浏览 · 2020-07-25 18:09:24

MateCloud微服务 · 2020-07-25 18:09:24 发布

排查背景

artemis前端框架基于vue-element-admin开发，github提示某个组件版本过低，存在安全风险，就对用到的相关组件进行一次升级，升级后，却发现项目启动不了，报错信息如下：

Module build failed (from ./node_modules/postcss-loader/src/index.js):
Error: Loading PostCSS Plugin failed: No valid exports main found for '/Users/xuzhanfu/Mate/Codes/2_Zaitong/6_Mate/mate-vue/node_modules/colorette'

问题定位

通过网上查找资料，发现stackoverflow讲解关于react类似的问题的解决方案是升级Node至14.5或者最新版本
URL如下所示：
https://stackoverflow.com/questions/62753723/create-react-app-starting-error-error-no-valid-exports-main-found-for-node

问题解决

通过升级Node至v12.18.3，问题解决
mac升级node方法

项目样例

可参考如下样例
https://gitee.com/matevip/artemis

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}$/, //不连续的两位字母// /^