ERROR in ./src/main.jsModule build failed (from ./node_modules/babel-loader/lib/index.js):Error: e

最新推荐文章于 2025-04-08 16:40:59 发布
最新推荐文章于 2025-04-08 16:40:59 发布
阅读量1.2k 收藏
点赞数 1
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_58519918/article/details/130789172
版权
在尝试运行Vue项目时遇到错误，错误信息指向模块构建失败，具体涉及babel-loader和crypto模块。问题的根本原因是Node.js版本过高。解决方案是使用nvm（NodeVersionManager）切换到适合项目需求的Node版本。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

ERROR in ./src/main.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:71:19)     
    at Object.createHash (node:crypto:133:10)
    at filename (D:\作业\html\vue\vue2\03复习数组知识\demo-cart\node_modules\babel-loader\lib\cache.js:94:23)
    at D:\作业\html\vue\vue2\03复习数组知识\demo-cart\node_modules\babel-loader\lib\cache.js:120:39
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (D:\作业\html\vue\vue2\03复 习数组知识\demo-cart\node_modules\babel-loader\lib\cache.js:3:103)
    at _next (D:\作业\html\vue\vue2\03复习数组知识\demo-cart\node_modules\babel-loader\lib\cache.js:5:194)  
    at D:\作业\html\vue\vue2\03复习数组知识\demo-cart\node_modules\babel-loader\lib\cache.js:5:364
    at new Promise (<anonymous>)
    at D:\作业\html\vue\vue2\03复习数组知识\demo-cart\node_modules\babel-loader\lib\cache.js:5:97
    at handleCache (D:\作业\html\vue\vue2\03复习数组知识\demo-cart\node_modules\babel-loader\lib\cache.js:159:18)
    at D:\作业\html\vue\vue2\03复习数组知识\demo-cart\node_modules\babel-loader\lib\cache.js:204:18
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (D:\作业\html\vue\vue2\03复 习数组知识\demo-cart\node_modules\babel-loader\lib\cache.js:3:103)
    at _next (D:\作业\html\vue\vue2\03复习数组知识\demo-cart\node_modules\babel-loader\lib\cache.js:5:194)  
    at D:\作业\html\vue\vue2\03复习数组知识\demo-cart\node_modules\babel-loader\lib\cache.js:5:364

webpack compiled with 3 errors

在导入vue项目之后运行出现的错误，原因是node的版本过高，可以使用nvm进行版本的切换：

nvm use 【version】

来摔锅
关注
Failed to compile. ./src/main.js Module build failed (from ./node_modules/@vue/cli-plugin-babel/node
郭宝的博客
01-07 3780
背景： Failed to compile. ./src/main.js Module build failed (from ./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js): Error: Cannot find module 'babel-plugin-import' from 'C:\Users\Administrator\WebstormProjects\memorial' at..
【异常】NPM执行异常提示error in ./node_modules/vis-data/peer/esm/vis-data.js
本本本添哥
12-13 1059
1.在vue.config.js 里面加上 transpileDependencies: [‘/@yabby-business/’]因为导入的组件库是直接上源码的，必须告知webpack，需要编译一下这个库，让源码中的es6、es7的特性转换为es5。如果你也是npm安装了一个包，然后在导入的时候报这个语法错，那你可以接着往下看，如果不是就不用往下看了。首先找到报这个问题的地方。
ERROR in ./src/index.jsModule build failed (from ./node_modules/babel-loader/lib/index.js):Error:
weixin_46273011的博客
04-05 5024
错误情况 主要错位内容： ERROR in ./src/index.js Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module ' @babel/preset-env' from 'F:\web\视频学习敲代码\webpack\loader' 检查情况 1，环境的配置（包的安装）,package.json,检查正确 2，webpack的配置，即webpack.
vue运行报错 error in ./src/main.jsModule build failed (from ./node_modules/babel-loader/lib/index.js)
hyx_1225的博客
02-23 2324
vue运行报错
Module build failed (from ./node_modules/babel-loader/lib/index.js):Error [ERR_PACKAGE_PATH_NOT_EXP
最新发布
m0_57221055的博客
04-08 442
如果项目较旧，建议使用 Node.js LTS 版本。Vue CLI 创建的项目的 babel 配置需要更新。使用了较新的 Node.js 版本（v14+）Babel 相关依赖版本不兼容。# 2. 升级关键依赖。# 或使用 yarn。
webpack配置babel时候报错ERROR in ./src/main.js Module build failed (from ./node_modules/babel-loade
qq_35457469的博客
11-04 7322
报错信息 ERROR in ./src/index.js Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Plugin/Preset files are not allowed to export objects, only functions. In /Users/thinker/Deskto...
问题解决24:webpack配置babel时候报错ERROR in ./src/main.js Module build failed (from ./node_modules/babel-loade
热门推荐
Leeue李月
06-27 2万+
报错： ERROR in ./src/main.js Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: [BABEL] /Users/mac/Documents/04前端学习/04code/01Vue/webpack-study/src/main.js: As of v7.0.0-beta.55,...
vue运行报错 error in ./src/main.js Module build failed (from ./node_modules/babel-loader/lib/index.js)
jfjdjd的博客
09-29 6899
解决方案 控制台输入 npm install @babel/core @babel/preset-env
./src/main.ts Module build failed（from ./node_modules/_babel-loader@8.0.6@babel-loader/lib/index.js)
weixin_46138124的博客
02-26 2252
新版webpack配置babel时候报错 in ./src/main.ts Module build failed（from ./node_modules/_babel-loader@8.0.6@babel-loader/lib/index.js）这种错就是最新的babel已经不是这样配置的了。最新配置步骤第一步第二步第三步第四步第五步第六步第七步package.json文件配置结果在.babel...
关于webpack安装babel后编译react报错ERROR in ./app/main.js Module build failed (from ./node_modules/babel-load
mx_is_bang的博客
06-09 1092
在学习webpack编译文件时 首先报错的提示为： ERROR in ./app/main.js Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module ‘@babel/core’ 之前已经安装过babel-core如下 Babel安装 // npm一次性安装多个依赖模块，模块之间用空格隔开 npm install --save-dev babel-core babel-l
【vue异常处理记录】in ./src/main.js Module build failed (from ./node_modules/babel-loader/lib/index.js):
浪潮行舟_chenjin2136
03-09 693
in ./src/main.js Module build failed (from ./node_modules/babel-loader/lib/index.js):
解决 “Module build failed (from ./node_modules/babel-loader/lib/index.js)“ 错误的方法
pleaseprintf的博客
07-25 1万+
在前端项目开发中，如果使用了 Babel 来转译 ES6+ 语法，有时会遇到错误信息 “Module build failed (from ./node_modules/babel-loader/lib/index.js)”。这个错误通常发生在使用 Webpack 或其他构建工具时。本文将详细介绍出现这个错误的原因，并提供解决方法，确保正确转译 ES6+ 语法，避免该错误的发生。
Vue WEBPACK配置BABEL时候报错ERROR IN ./SRC/MAIN.JS MODULE BUILD FAILED (FROM ./NODE_MODULES/BABEL-LOADE
lilyheart的博客
08-26 3402
之前的项目，隔了一段时间没有再改，今天因要移代码，启动了下代码，报如下错误： 因之前代码一直没有问题，上网搜了下有两种方法： 1. 回退低版本 npm install -D babel-loader@7 babel-core babel-preset-env 2.更新到最高版本: npm install -D babel-loader @babel/core @babel/preset-env webpack 最终，选第二种方法经测验可行，项目正常运行，猜想是一些依赖更新了...
报错： error in ./src/main.js
ALDNOAH_K的博客
06-29 4493
一、首先检查main.js中文件路径是否引入错误二、若无误，参照下面方法1.vs快捷键 ctrl+p 搜索文件 eslintrc.js2.将文件中rules用下面的代码替换 3.再次搜索文件 editorconfig ，将insert_final_newline改为 false 4.文件保存，重启vs...
in ./src/main.jsSyntax Error: Error: Could not resolve “@vue/cli-plugin-babel/preset“ in file E:\d
qq_43644046的博客
04-23 1070
解决方案：报错因为babel.config.js文件里面使用的文件配置，把对应配置注释，或者百度设置其他配置也可以。
error in ./src/main.js报错解决
shaochen2015821426的博客
01-17 1万+
1.报错场景 我在操作在Vue框架中使用element-ui组件，准备工作已经完成，然后在powershell上运行项目：npm run serve 2.报错详细代码： WAIT Compiling... 下午8:34:40 98% after emitting CopyPlugin ERROR Failed to compile w
babel报错ERROR in ./src/index.jsModule build failed (from ./node_modules/happypack/loader.js):
m0_60971410的博客
01-04 2292
ERROR in ./src/index.js Module build failed (from ./node_modules/happypack/loader.js): Error: [BABEL] D:\WebFiles\CloudHIS-GZ\src\index.js: Could not find plugin "transform-class-static-block". Ensure there is an entry in ./available-plugins.js for it. (Wh
webpack打包报错：ERROR ./src/main.js ./dist/bundle.js Module not found: Error: Can‘t rERROR in main Modul
weixin_55010771的博客
06-07 367
webpack打包报错 问题如下: `` ```java ERROR in main Module not found: Error: Can't resolve './dist（打包的东西）/bundle.js' in 'D:\js练手demo\vue-v2\01-webpack的使用\01-web的起步 pack的起步' 解决步骤 刚开始我安装了webpackv5版本的webpack，但是无法创建bundle.js,最新版本的webpack命令有所改变 一般可以加-o webpack .\src\m
解决webpack因新版本打包失败问题--ERROR in multi ./src/main.js ./dist/bundle.js
hijk7的博客
04-08 120
解决webpack因新版本打包失败问题--ERROR in multi ./src/main.js ./dist/bundle.js
Error: Module build failed (from ./node_modules/babel-loader/lib/index.js):
08-10
- *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...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值