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

最新推荐文章于 2023-11-12 17:13:26 发布
最新推荐文章于 2023-11-12 17:13:26 发布
阅读量5.7k 收藏 1
点赞数 1
分类专栏： VUE 文章标签： vue react spring
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bufegar0/article/details/107582490
版权

排查背景

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

MateCloud微服务
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
TypeScript报错信息表（备注）
Lee的博客
05-01 1万+
code 类型 英文描述 中文描述 1002 错误 Unterminated string literal. 未终止的字符串文本。 1003 错误 Identifier expected. 应为标识符。 1005 错误 '{0}' expected. 应为“{0}”。 1006 错误 A file cannot have a reference to itself. 文件不能引用自身。 1009...
docker-compose使用wait-for-it
zsj777的专栏
03-14 1656
1、构建jdk镜像，jdk版本jdk-8u201-linux-x64.tar.gz Dockerfile_jdk # 基础镜像为 centos FROM centos:7 # 维护者 MAINTAINER luding # 添加jdk8压缩包至 /usr/local 目录，压缩包会自动解压，解压后目录名称为jdk1.8.0_281 ADD jdk-8u201-linux-x64.tar.gz /usr/local/jdk8/ # 配置JAVA_HOME环境变量 ENV JAVA_HOME /usr/
Module build failed (from ./node_modules/postcss-loader/src/index.js):
最新发布
qq_45532769的博客
11-12 6242
出现该错误是你可能没认真看官网的安装配置，可直接看该目录3，一个字一个字看先安装如果选择v1版本，建议使用npm下载，下面以v1版本为例，使用的是npm下载，导入uview时该文件也在node_modules文件夹里面，未移动。然后就是配置。
Module build failed: Error: Loading PostCSS Plugin failed: Cannot find module './features/meter'
weixin_42371145的博客
10-21 5874
npm run dev的时候报这个错， 将根目录下的.postcssrc.js文件里的内容注释就可以了。。。不知道别的会不会有影响。。。。。
Error: Loading PostCSS Plugin failed: Cannot find module ./features/css-text-justify
t518vs20s的博客
06-22 5177
ERROR Failed to compile with 186 errors下午4:44:06 error in ./src/components/main.less Module build failed (from ./node_modules/postcss-loader/src/index.js): Error: Loading PostCSS Plugin failed: Cannot find module './features/css-text-justify' Require...
解决uniapp项目中使用vant Weapp图标组件报错问题（Module build failed from ./node_modules/postcss-loader/src/index）
筱竹的博客
12-30 1万+
解决uniapp项目中使用vant 图标报错问题 在使用uniapp开发项目时，使用到了vant Weapp组件库，如下图所示： 但是当运行项目进行编译时或者发行进行项目打包时，报错如下： 以下是具体报错信息 15:25:26.122 Module build failed (from ./node_modules/postcss-loader/src/index.js): 15:25:26.128 SyntaxError 15:25:26.129 (36:193) Unclosed bracke
missing ) after argument list错误
热门推荐
wj的博客
05-23 2万+
根据错误提示信息来看，是缺少括号引起的。首要任务先检查括号，但是一般不会犯这个错误我的是因为向函数传入字符串没有加‘’单引号导致的报错，应该是处理到字符串这里报错导致后面全部都报错。...
Vue 15v-for循环中key属性的使用
mqingo的博客
01-02 3484
15v-for循环中key属性的使用.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>15v-for循环中key属性的使用</title> <script type="text/javascript&
Vue 13v-for循环对象.html
mqingo的博客
01-02 2305
13v-for循环对象.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>13v-for循环对象</title> <script type="text/javascript" src=&quo
Vue v-model指令的学习
mqingo的博客
01-02 4406
v-model指令的学习.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>v-model指令的学习</title> <script type="text/javascript" src=&q
unaipp项目编译报错Module build failed (from ./node_modules/postcss-loader/src/index.js):
weixin_45162034的博客
05-15 2243
解决方法 HBuild创建的uni-app项目，代码生成时没有style的语言，我添加了lang=“less” 或者 lang=“sass” 就ok。
报错Uncaught Error: Module build failed (from ./node_modules/postcss-loader/src/index.js): Error: Post
weixin_39891473的博客
10-18 3073
在使用Vue中的postcss-pxtorem 插件时 报: Uncaught Error: Module build failed (from ./node_modules/postcss-loader/src/index.js): Error: PostCSS plugin postcss-pxtorem requires PostCSS 8. Migration guide for end-users: 错误 安装最新版本6.0.0 报错 换到5.1.1 就好了 实测 5.1.1版本好
Module build failed (from ./node_modules/postcss-loader/src/index.js):SyntaxError(35:193) 报错解决
你的阿迁
09-07 2314
今天和往常一样，将uni项目运行到微信开发者工具，项目正常运行，然后我又将项目运行到Android app基座中，就遇到了这个报错，这个报错这个把我搞得非常头大，了解这个报错的话，解决非常非常简单，反之... 我测试了很多种方法，升级 postcss-loader 版本， 降级want weapp版本、修改 postcss.config.js 配置文件、以及在app.vue中引入相关样式文件，都没有成功解决，不过最终在耐心的测试下，终于成功解决...首先看下报错信息，我自己看完真的无从下手啊...
webpack css浏览器兼容打包报错 Module build failed (from ../node_modules/postcss-loader/src/index.js)
qq_41820599的博客
01-06 3765
将postcss-loader ，postcss-preset-env降低版本至3.0.0
vue 引入 uView 报错：Module build failed (from ./node_modules/postcss-loader/src/index.js): SyntaxError
票票的博客
02-05 1万+
先安装uView 其次分别在三个文件夹引入 uView main.js import uView from "uview-ui" Vue.use(uView) 公共样式 uni.scss @import 'uview-ui/theme.scss'; App.vue <style> /* #ifndef APP-PLUS-NVUE */ @import "uview-ui/index.scss"; @import './utils.css'; /* uni.css .
解决HbuildX中开发uniapp+vant出现的报错：Module build failed (from ./node_modules/postcss-loader/src/index.js):
我是小刘丶
06-07 3028
解决HbuildX中开发uniapp+vant出现的报错：Module build failed (from ./node_modules/postcss-loader/src/index.js):
Error: Module build failed (from ./node_modules/babel-loader/lib/index.js):
08-10
这个错误是由babel-loader模块引起的，它在编译Vue项目时发生了错误。根据引用和引用的建议，解决这个问题的步骤如下： 1. 首先，你可以尝试执行命令`npm install @babel/core @babel/preset-env`来安装最新的babel核心和预设环境。 2. 如果上述步骤没有解决问题，你可以按照引用中的建议执行以下安装命令： `npm i babel-loader @babel/core @babel/runtime @babel/preset-env @babel/plugin-proposal-class-properties @babel/plugin-transform-runtime -D` 这些命令将确保你安装了必要的babel模块和插件，以便正确编译Vue项目。123 #### 引用[.reference_title] - *1* [Module build failed (from ./node_modules/babel-loader/lib/index.js)......](https://blog.csdn.net/ke_sin/article/details/122884272)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item] - *2* [webpack配置babel时候报错ERROR in ./src/main.js Module build failed (from ./node_modules/babel-...](https://blog.csdn.net/leeue/article/details/93903757)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item] - *3* [webpack配置babel时候报错ERROR in ./src/main.js Module build failed (from ./node_modules/babel-loade](https://blog.csdn.net/qq_35457469/article/details/102891564)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值