react 新建的项目报错：Module build failed (from ./node_modules/babel-loader/lib/index.js

快速修复：Node.js模块构建错误的解决方案
最新推荐文章于 2023-09-14 17:03:12 发布
原创 最新推荐文章于 2023-09-14 17:03:12 发布 · 1.8k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文分享了解决新项目中遇到的Babel-loader模块构建问题，通过npminstall和版本排查找到临时解决方案的过程。

差不多是这种

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

在这里插入图片描述
解决
瞎猫碰上死耗子吧，一看这种依赖包的问题，第一想到的就是npm install ，因为新建的项目忘了这一步就试试，没想到真成了。若不成就考虑是不是版本冲突了。

启动react项目提示：Module build failed: SyntaxError: Unexpected token
q1ngqingsky的博客
06-03 2729
启动react项目时提示： Module build failed: SyntaxError: Unexpected token (18:4) 解决方法： 添加 .babelrc文件： { "presets": [ ["es2016"], "react" ], "plugins": [ "babel-plugin-transform-class-properties" ] } 也可以查看链接：https://github.com/JeffreyWay/larave
解决 “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+ 语法，避免该错误的发生。
Module build failed (from ./node_modules/babel-loader/lib/index.js):报错解决方案
m0_46627254的博客
08-16 1万+
这个问题困扰了我半天，一直弄不明白是什么错了， 后来发现，是babel冲突了 解决方案 升级版本就可以了 npm install -D babel-loader @babel/core @babel/preset-env @babel/preset-react webpack 或者降低版本 npm install -D babel-loader@7 babel-core babel-preset-env webpack ...
关于webpack安装babel后编译react报错ERROR in ./app/main.js Module build failed (from ./node_modules/babel-load
mx_is_bang的博客
06-09 1130
在学习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
初始化构建React+Ts项目时出现:Module build failed (from ./node_modules/css-loader/dist/cjs.js): CssSyntaxError...
weixin_30678821的博客
06-27 7065
具体错误 ERROR in ./src/index.tsx Module build failed (from ./node_modules/css-loader/dist/cjs.js): CssSyntaxError (2:1) Unknown word var content = require("!!./index.tsx"); if(typeof content === 'string'...
Module build failed (from ./node_modules/babel-loader/lib/index.js):
07-28
Module build failed (from ./node_modules/babel-loader/lib/index.js)是一个常见的错误，通常与Babel编译器相关。这个错误表示Babel编译器在处理代码时出现了问题。解决这个问题的方法有几种。 首先，你可以尝试...
Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: /Users/dongxiaowei/D/react/goods/src/App.tsx: Missing initializer in const declaration. (4:9)
07-30
在构建 React 项目时，如果在使用 `babel-loader` 处理 `.tsx` 文件的过程中遇到“`const` 声明缺少初始化值”的语法错误，通常是由于 Babel 配置未能正确识别 TypeScript 的某些语法特性，或者项目中使用的 Babel ...
error in ./node_modules/pdfjs-dist/build/pdf.js Module parse failed: Unexpected token (405:14) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | } | function _isValidProtocol(url) { > switch (url?.protocol) { | case "http:": | case "https:": @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/iview-loader??ref--1-2!./src/pages/bidder/tender/pdfIframe.vue?vue&type=script&lang=js 5:15-46 @ ./src/pages/bidder/tender/pdfIframe.vue?vue&type=script&lang=js @ ./src/pages/bidder/tender/pdfIframe.vue @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/iview-loader??ref--1-2!./src/pages/bidder/tender/detail.vue?vue&type=script&lang=js @ ./src/pages/bidder/tender/detail.vue?vue&type=script&lang=js @ ./src/pages/bidder/tender/detail.vue @ ./src/router/routes.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://172.18.1.231:8081&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
07-02
其他规则{test:/\.js$/,//只对pdfjs-dist进行转译include: /node_modules\/pdfjs-dist/,use: {loader: 'babel-loader',options: {presets:['@babel/preset-env'],plugins:['@babel/plugin-proposal-optional-...
asset static/js/main.js 453 KiB [emitted] (name: main) 1 related asset runtime modules 29.1 KiB 13 modules modules by path ./node_modules/core-js-pure/ 26.8 KiB 56 modules modules by path ./node_modules/@pmmmwh/react-refresh-webpack-plugin/ 36.5 KiB 17 modules modules by path ./node_modules/webpack-dev-server/client/ 207 KiB 6 modules modules by path ./node_modules/html-entities/dist/commonjs/*.js 34.2 KiB ./node_modules/html-entities/dist/commonjs/index.js 5.29 KiB [built] [code generated] ./node_modules/html-entities/dist/commonjs/named-references.js 27.5 KiB [built] [code generated] + 2 modules modules by path ./node_modules/react-refresh/ 12.3 KiB ./node_modules/react-refresh/runtime.js 218 bytes [built] [code generated] ./node_modules/react-refresh/cjs/react-refresh-runtime.development.js 12.1 KiB [built] [code generated] ./src/main.ts 39 bytes [built] [code generated] [1 error] ./node_modules/anser/lib/index.js 26.5 KiB [built] [code generated] ./node_modules/error-stack-parser/error-stack-parser.js 8.51 KiB [built] [code generated] ./node_modules/stackframe/stackframe.js 4.83 KiB [built] [code generated] ERROR in ./src/main.ts Module build failed (from ./node_modules/ts-loader/index.js): Error: ts-loader was supplied with an unexpected loader option: plugins Please take a look at the options you are supplying; the following are valid options: silent / logLevel / logInfoToStdOut / instance / compiler / context / configFile / transpileOnly / ignoreDiagnostics / errorFormatter / colors / compilerOptions / appendTsSuffixTo / appendTsxSuffixTo / onlyCompileBundledFiles / happyPackMode / getCustomTransformers / reportFiles / experimentalWatchApi / allowTsInNodeModules / experimentalFileCaching / projectReferences / resolveModuleName / resolveTypeReferenceDirective / useCaseSensitiveFileNames at validateLoaderOptions (/home/flexiv/workspace/Framework4.x/TrajEditor/TrajEditorDemo/node_modules/ts-loader/dist/index.js:166:19) at getLoaderOptions (/home/flexiv/workspace/Framework4.x/TrajEditor/TrajEditorDemo/node_modules/ts-loader/dist/index.js:123:5) at Object.loader (/home/flexiv/workspace/Framework4.x/TrajEditor/TrajEditorDemo/node_modules/ts-loader/dist/index.js:15:21) webpack 5.101.3 compiled with 1 error in 384 ms
最新发布
09-12
npm install babel-loader @babel/core @babel/runtime @babel/preset-env @babel/plugin-proposal-class-properties @babel/plugin-transform-runtime -D ``` - **配置 `webpack`**：在 `webpack` 配置文件中添加 `...
ERROR in ./src/store/modules/theme.js Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: D:\develop\LJYC\ele-admin\src\store\modules\theme.js: Cannot find module 'D:/develop/LJYC/ele-admin/node_modules/@babel/runtime/helpers/esm/
07-08
在使用 `babel-loader` 进行项目构建时，遇到 `Module build failed: babel-loader: Cannot find module '@babel/runtime/helpers/esm'` 错误通常与 Babel 的依赖版本不兼容或路径配置问题有关。以下是对该问题的...
Uncaught Error: Module build failed (from ./node_modules/url-loader/index.js): TypeError [ERR_INVALI
m0_51608940的博客
07-26 3519
1、问题 使用字体图标时报错： Uncaught Error: Module build failed (from ./node_modules/url-loader/index.js): TypeError [ERR_INVALID_ARG_TYPE]: The “id” argument must be of type string. Received an instance of Object 2、原因 url-loader版本太低。 3、解决办法 卸载低版本，安装高版本。可以安装url-loader
Module build failed (from ./node_modules/babel-loader/lib/index.js) 错误解决
mingY的博客
01-13 5184
运行项目时报错 Module build failed (from ./node_modules/babel-loader/lib/index.js) 解决方案： 控制台输入 npm install @babel/core @babel/preset-env 即可解决
Failed to compile. ./node_modules/react-dev-utils/formatWebpackMessages.js Module not found: Can't
王扬扬的博客
07-08 4726
React 启动报错： Failed to compile. ./node_modules/react-dev-utils/formatWebpackMessages.js Module not found: Can't resolve 'D:\react\yunkj\node_modules\babel-preset-react-app\node_modules\@babel\runtim...
taro 打包编译报错
FE-阿阳的博客
07-29 2329
TypeError: Cannot destructure property 'importFrameworkStatement' of 'options.loaderMeta' as it is undefined.
启动Taro项目报编译错误
qq_34551754的博客
05-21 5399
启动Taro项目报编译错误Invalid CSS after "u": expected 1 selector or at-rule, was "undefined"module build failed @tarojs/mini-runner/node_modules/sass-loader/dist/cjs.jsInvalid CSS after "u": expected 1 selector or at-rule, was "undefined" Invalid CSS after “u”: exp
vue:module parse failed和module build failed的解决方案
KendallBranchett的博客
10-13 5032
Module parse failed: 安装了vue-loader结果显示是最新版：@15.9.8，结果还是不行，看到有的帖子掘金说可能是版本太高不匹配，于是再降为@13试一试 错误原因又变了:module build failed，又看到一篇帖子 TypeError: this.getOptions is not a function (安装stylus)_zhouzhiwengang的专栏-优快云博客 说是stylus-loader 版本太高了，于是就在命令行重新安装了低版本..
项目无法识别 ?. 语法，导致报错Module parse failed: Unexpected token
热门推荐
weixin_45717984的博客
05-27 7万+
首先找到报这个问题的地方 我这里是因为es语法问题 如果你也是npm安装了一个包，然后在导入的时候报这个语法错，那你可以接着往下看，如果不是就不用往下看了 问题原因： 因为导入的组件库是直接上源码的，必须告知webpack，需要编译一下这个库，让源码中的es6、es7的特性转换为es5 解决方案： 1.在vue.config.js 里面加上 transpileDependencies: [‘/@yabby-business/’] 2.还有一种方式在babel.config.js中指定库导入的时候用的编
小程序中出现Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
bjt1015999的博客
09-01 7137
小程序设置tabar时出现的报错信息
Module build failed: TypeError: this.getOptions is not a function报错解决方案
weixin_42504805的博客
09-14 2614
Module build failed: TypeError: this.getOptions is not a function报错解决方案
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值