Vue项目运行报错：Module build failed (from ./node_modules/babel-loader/lib/index.js)

最新推荐文章于 2025-04-08 16:40:59 发布
最新推荐文章于 2025-04-08 16:40:59 发布
阅读量3.6w 收藏 20
点赞数 11
分类专栏： Vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/JZevin/article/details/115205677
版权

报错分析

今天在npm run serve运行Vue项目时，突然报出了一个依赖构建错误：

Module build failed (from ./node_modules/babel-loader/lib/index.js)

报错原因是babel的版本冲突了。具体的报错截图如下：

在这里插入图片描述

解决方案

最直接的解决方案就是升级或者降级babel的版本即可。但是这种方法的配置略显麻烦，这里推荐另一种更简单的，一行代码解决：

npm install @babel/core @babel/preset-env

在这里插入图片描述
安装好之后，再运行npm run serve就没问题啦。

在这里插入图片描述

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..
【Vue】整合monaco-editor编译报错 ERROR in ./node_modules/monaco-editor/esm/vs/language/typescript/tsMode.js
水w的博客
05-01 1970
整合monaco-editor编译报错 ERROR in ./node_modules/monaco-editor/esm/vs/language/typescript/tsMode.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+ 语法，避免该错误的发生。
Error: Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError
m0_68652823的博客
07-18 905
代码报错：Error: Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: E:\项目\hlcontent\node_modules\pdfjs-dist\build\pdf.js: Class private methods are not enabled. Please add以上是我书写代码过程中的一个报错。这个错误表明需要在你的项目中配置 Babel，以支持类私有方法的转换。
Module build failed (from ./node_modules/babel-loader/lib/index.js):Error [ERR_PACKAGE_PATH_NOT_EXP
最新发布
m0_57221055的博客
04-08 441
如果项目较旧，建议使用 Node.js LTS 版本。Vue CLI 创建的项目的 babel 配置需要更新。使用了较新的 Node.js 版本（v14+）Babel 相关依赖版本不兼容。# 2. 升级关键依赖。# 或使用 yarn。
vue项目运行出现：Module build failed (from ./node_modules/babel-loader/lib/index.js)
飞得更高肥尾沙鼠
04-08 1万+
我们在网上下载的项目，直接使用npm install进行安装依赖后，可能不能正常运行，在项目中运行的时候出现报错，错误为： Module build failed (from ./node_modules/babel-loader/lib/index.js): Error [ERR_PACKAGE_PA 解决方案： 1、控制台输入 npm install @babel/core @babel/preset-env 命令 2、然后执行 npm run dev 或者 npm run serve 即可
Module build failed (from ./node_modules/babel-loader/lib/index.js)
m0_46244105的博客
06-09 1976
Vue报错Module build failed (from ./node_modules/babel-loader/lib/index.js)
Module build failed (from ./node_modules/babel-loader/lib/index.js)......
ke_sin的博客
02-11 2万+
vue项目运行报错：Module build failed (from ./node_modules/babel-loader/lib/index.js): 解决：执行命令 npm install @babel/core @babel/preset-env 重启就好了
vue 项目 运行 报错Module build failed (from ./node_modules/babel-loader/lib/index.js)
每日秃头
07-23 5508
vue 项目 运行 报错Module build failed (from ./node_modules/babel-loader/lib/index.js) 把node_modules 删除之后，输入以下命令(一定这个顺序)： 1. npm install vue-template-compiler -D 2. npm install 3. npm run dev 转载原链接
./src/main.ts Module build failed（from ./node_modules/_babel-loader@8.0.6@babel-loader/lib/index.js)
weixin_46138124的博客
02-26 2251
新版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...
Error: Module build failed (from ./node_modules/babel-loader/lib/index.js):
08-10
- *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...
Module build failed (from ./node_modules/_babel-loader@8.1.0@babel-loader/lib/index.js)
zqq_2016的博客
09-14 2846
这个问题是本人在配置babel-loader之后，试图通过npm run dev命令打开主页面引起的。 两种解决方案： 第一种：均降低版本（本人使用的第一种方法解决的问题） npm install babel-loader@7 babel-core babel-preset-env -D 第二种：均更新版本 npm install babel-loader @babel/core @babel/preset-env webpack -D ...
解决报错：Module build failed (from ./node_modules/babel-loader/lib/index.js)
qq_21138747的博客
11-24 2285
解决步骤： 一、 npm install npm -g npm install --save core-js@^3 npm install babel-plugin-import --save rm -rf node_modules rm package-lock.json npm cache clear --force npm install 二、 package.json中添加： "babel": { "presets": [ "@babel/env".
vue 启动Module build failed (from ./node_modules/vue-loader/lib/index.js)
Dilemma_me的博客
03-25 8898
vue 启动时，出现以下错误： Module build failed (from ./node_modules/babel-loader/lib/index.js): ReferenceError: E:\cblhxwebtest\babel.config.js: Error while loading config - webpack is not defined at Object....
webpack报错：Module build failed (from ./node_modules/babel-loader/lib/index.js)
青梅煮酒
04-02 5780
webpack报错：Module build failed (from ./node_modules/babel-loader/lib/index.js)
报错解决Module build failed (from ./node_modules/babel-loader/lib/index.js):
热门推荐
温小鹿的博客
07-22 3万+
项目启动的时候报错： 报错解决Module build failed (from ./node_modules/babel-loader/lib/index.js): 原因是babel的版本冲突。 解决办法： 删除这几个依赖 cnpm uninstall babel-core babel-loader babel-preset-env 命令行卸载不掉，在package.json中生产环境把这三个依赖删了 重新下载： cnpm i babel-loader @babel-core @babel/preset
运行vue项目报错 Module build failed
weixin_44512390的博客
04-15 1万+
Module build failed (from ./node_modules/sass-loader/dist/cjs.js): 很长一段 查了一下 大概是我之前重装node导致的，重新安装一下node-sass就可以了 Module build failed (from ./node_modules/sass-loader/dist/cjs.js): Error: Missing bin...
webpack报错：Module build failed (from ./node_modules/babel-loader/lib/index.js):
simon4076的博客
05-13 3599
Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module '@vue/cli-plugin-babel/preset' 先是以为没有安装babel-loader这个包，待安装完之后发现并没有解决问题，在一番研究后发现是babel.config.js中间的配置错了 这是原生脚手架给我们搭建的初始文件： module.exports = { presets: [ '@v
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值