JavaScript高级语法打包 - babel插件安装配置报错！Error: Cannot find module ‘@babel/preset-preset.env‘

最新推荐文章于 2024-05-19 18:06:14 发布
最新推荐文章于 2024-05-19 18:06:14 发布
阅读量9.3k 收藏 6
点赞数 9
分类专栏： 前端 文章标签： vue.js javascript html es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zglibk/article/details/111059238
版权
这篇博客主要讲述了在JavaScript项目中，使用Babel进行高级语法打包时遇到的模块找不到错误。作者详细介绍了从插件的安装配置，到运行打包过程中出现的'Error: Cannot find module '@babel/preset-preset.env''报错，以及最后通过将配置文件中的preset-env更改为env成功解决问题的过程。

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

了解本专栏 订阅专栏 解锁全文 超级会员免费看
Error: Cannot find module ‘@babel/core‘ 问题已解决
weixin_55242897的博客
02-26 5058
项目场景： webpack 打包高级js语法时出错打包不成功 问题描述： 原.babelrc { "persets":["env","stage-0"], "plugins":["transform-runtime"] } 打包运行 npm run dev Error: Cannot find module ‘@babel/core’ … 原因分析： 网上查找答案，受EddyWorkHard（https://www.jianshu.com/p/74cb6203c39f）的文章启发了解
babel升级,踩坑!Error: Cannot find module '@babel/core'
热门推荐
兔子零
04-07 3万+
Error: Cannot find module '@babel/core' babel-loader@8 requires Babel 7.x (the package '@babel/core'). If you'd like to use Babel 6.x ('babel-core'), you should install 'babel-loader@7'. at Functi...
webpack报错：Module build failed (***): Error: Cannot find module 'babel-preset-env' from '***
weixin_43190355的博客
09-02 9445
webpack报错：Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module 'babel-preset-env' from '...' - Did you mean "@babel/env"? 原因： babel-core和babel-preset-e...
nuxt.js项目 ,npm run dev时出现Cannot find module ‘@babel/preset-env/lib/utils‘ 错误
weixin_61922192的博客
07-04 1795
原因是可能@babel/preset-env的版本太高，只要运行下面命令，将@babel/preset-env版本降低至7.12.17就不再报错 注意！！！（此处有坑）下载成功后默认是"@babel/preset-env": "^7.12.17"，项目可以正常运行，但是当你删除依赖重新启动项目，还是会报错，需要重新下载但是我们要把第一个符号改成~（如图所示）否则后期部署上线有可能会出现意想不到的错误....
Element-ui 按需引入 ERROR Error: Cannot find module ‘@babel-preset-env/babel-preset
weixin_60285052的博客
01-27 485
ERROR Error: Cannot find module '@babel-preset-env/babel-preset' Require stack:
Webpack问题二：Error: Cannot find module ‘@babel/preset-env‘
Hawking的博客
12-23 2684
这个，真的就生命在于卸载重装，找了好多的博客和文章没找好解决办法。 然后运行一下卸载重装 npm uninstall babel-loader npm install -D babel-loader @babel/core @babel/preset-env webpack 还真成了，离谱 ...
Cannot find module ‘@babel/preset-env‘
qq_43634411的博客
12-02 7510
Cannot find module '@babel/preset-env' 这个报错的原因可以是安装的时候使用的命令为 cnpm install babel-preset-env 不能用这个命令安装 你可以把上面的这个 babel-preset-env 卸载了（cnpm unistall babel-preset-env -D） 重新运行下面的这个命令 cnpm install @babel/preset-env -D ...
跑项目报错Cannot find module ‘@babel/preset-env/lib/utils‘
工作中遇到问题记录
12-29 777
跑项目报错Cannot find module '@babel/preset-env/lib/utils'
Vue element UI：Error: Cannot find module ‘babel-preset-es2015‘
m0_68332006的博客
03-25 2867
找到bable.config.js文件，将es2015改成@babel/preset-env就可以了。前提是要配置好直接上图！！！ 错误的： 正确的： 代码在这里： module.exports = { presets: [ '@vue/cli-plugin-babel/preset', ["@babel/preset-env", { "modules": false }] ], "plugins": [ [ "component", { .
解决按照Element官网步骤引入组件运行时报错：Error: Cannot find module ‘babel-preset-es2015‘
weixin_50241387的博客
04-16 3041
按照官网步骤修改 .babelrc 文件时，注意：用vue脚手架创建的项目是找不到 .babelrc文件的，这是旧版本的脚手架才有的，新版本在vue脚手架创建的 babel.config.js 文件修改即可。 引入官网内容后： module.exports = { presets: [ '@vue/cli-plugin-babel/preset', ["es2015", { "modules": false }] ], plugins: [ [ ..
react tsx 中遇到 Error: Cannot find module '@babel/***
weixin_46138124的博客
04-08 4698
Error: Cannot find module '@babel报错问题 问题产生的原因： babel-loader和babel-core版本不对应所产生的 1.babel-loader 8.x对应babel-core 7.x 2.babel-loader 7.x对应babel-core 6.x 解决方法： 1、 卸载旧的babel-core npm un babel-core 2、 安装新的...
webpack编译时出现报错Error: Cannot find module '@babel/core'
weixin_44214330的博客
04-20 476
具体报错如下： Error: Cannot find module ‘@babel/core’ babel-loader@8 requires Babel 7.x (the package ‘@babel/core’). If you’d like to use Babel 6.x (‘babel-core’), you should install ‘babel-loader@7’. 在gi...
关于：Error: Cannot find module ‘babel-preset-es2015‘ 报错
apple_51417798的博客
06-06 1720
我们在引用ElementUI时会出现这样的错误： 解决办法： 使用下面命令npm安装到当前目录 npm i @babel/preset-env -D 在babel.config.js中写成入： module.exports = { presets: [ '@vue/cli-plugin-babel/preset', ["@babel/preset-env", { "modules": false }] ], "plugins": [ [ "comp
webpack：Plugin/Preset files are not allowed to export objects和Cannot find module 'babel-preset-env'
u012149906的博客
12-09 1110
①Plugin/Preset files are not allowed to export objects, only functions. 这个问题如百度到的，由于版本冲突问题，需要将babel的相关版本都换成7.0版本或6.0版本。 可以查看：https://www.cnblogs.com/jiebba/p/9618930.html ②Cannot find module 'babel...
Couldn‘t find preset “@babel/preset-env“
龙丨行的博客
10-12 1949
Couldn't find preset "@babel/preset-env"
运行nuxt 报Cannot find module ‘@babel/preset-env/lib/utils‘
richpersion的博客
05-14 1498
**Cannot find module ‘@babel/preset-env/lib/utils’ **表示不能找到一个moudule 只需要先执行 npm i @babel/preset-env@7.12.17 之后再执行 npm run dev即可
在运行NUXT项目时出现Cannot find module ‘@babel/preset-env/lib/utils‘错误时
qq_42849542的博客
04-21 5260
出现错误如图所示 原因是@babel/preset-env的版本原因，只要运行下面命令，将@babel/preset-env版本降低至7.12.17就不再报错 npm i @babel/preset-env@7.12.17 npm run dev运行之后，package.json中@babel/preset-env的版本被更改就完成了 ...
Error: Cannot find module ‘babel-preset-es2015‘
最新发布
m0_70556273的博客
05-19 360
【代码】Error: Cannot find module ‘babel-preset-es2015‘
vue3运行npm run serve报错ERROR Error: Cannot find module ‘babel-plugin-import‘ Require stack:
oneya1的博客
03-31 1984
然后会崩溃的发现运行还是报错，这会已经麻了，不过不要放弃。把依赖包删了重新npm i 还是报错。把less降低到3版本或一下。
Parsing error: Cannot find module vue/cli-plugin-babel/preset
10-02
Parsing error: Cannot find module 'vue/cli-plugin-babel/preset' 是因为你的项目缺少了 @vue/cli-plugin-babel 这个模块。为了解决这个问题，你可以尝试以下几个步骤： 1. 首先，删除项目中的 node_modules 文件夹，然后打开终端并输入命令 `cnpm install`，这将重新安装项目的所有依赖。 2. 如果第一步没有解决问题，你可以尝试安装 babel-plugin-component 插件。在终端输入命令 `npm install babel-plugin-component -D` 或者 `yarn add babel-plugin-component` 安装该插件。 3. 在项目的根目录中找到 .babelrc 文件（如果没有则创建一个），将下面的代码添加到 .babelrc 文件中： ``` { "presets": [["@babel/preset-env", { "modules": false }]], "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ] ] } ``` 4. 如果出现报错信息 "Parsing error: Cannot find module 'babel-preset-es2015'"，可以尝试将 .babelrc 文件里的 "es2015" 改为 "@babel/preset-env"，如下所示： ``` { "presets": [["@babel/preset-env", { "modules": false }]], "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ] ] } ``` 5. 如果你希望将配置项写入到 babel.config.js 文件中，可以将以上代码合并到 babel.config.js 文件中，如下所示： ```javascript module.exports = { presets: [ '@vue/cli-plugin-babel/preset', ["@babel/preset-env", { "modules": false }] ], "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ] ] } ``` 希望以上步骤能够帮助你解决问题。如果你还有其他相关问题，请继续提问。 相关问题: 1. 如何安装和配置 vue-cli？ 2. 什么是 babel-plugin-component 插件？如何使用它？ 3. babel.config.js 和 .babelrc 有什么区别？
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

←か淡定☆ ヾ

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值