Webpack问题二：Error: Cannot find module ‘@babel/preset-env‘

最新推荐文章于 2023-12-29 11:35:17 发布
最新推荐文章于 2023-12-29 11:35:17 发布
阅读量2.5k 收藏 3
点赞数 5
文章标签： webpack 前端 node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48070985/article/details/122114938
版权

这个，真的就生命在于卸载重装，找了好多的博客和文章没找好解决办法。

 

 然后运行一下卸载重装

npm uninstall babel-loader


npm install -D babel-loader @babel/core @babel/preset-env webpack

还真成了，离谱

 

精神研究所指定研究素材
关注
  • 5
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JavaScript高级语法打包 - babel插件安装配置报错！Error: Cannot find module ‘@babel/preset-preset.env‘
←か淡定☆ ヾ 的博客
12-12 9097
目录1. 插件安装和配置2. 运行打包 - 报错信息3. 解决办法 1. 插件安装和配置 安装babel转换器相关的包： npm i babel-loader @babel/core @babel/runtime -D 安装babel语法插件相关的包： npm i @babel/preset-env @babel/plugin-transform-runtime @babel/plugin-proposal-class-properties –D 在项目根目录中，创建 babel 配置
babel-plugin-transform-vue-jsx:vue 2.0 jsx的babel插件
05-02
babel-plugin-transform-vue-jsx Vue 2.0 JSX的Babel插件 Babel相容性说明 如果使用Babel 7，请使用4.x ... babel-preset-env\ --save-dev 在您的.babelrc ： { " presets " : [ " env " ], " plugin
Cannot find module ‘@babel/preset-env‘
qq_43634411的博客
12-02 6829
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 ...
webpack：Plugin/Preset files are not allowed to export objects和Cannot find module 'babel-preset-env'
u012149906的博客
12-09 1075
①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...
webpack报错：Module build failed (***): Error: Cannot find module 'babel-preset-env' from '***
weixin_43190355的博客
09-02 9315
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...
Element-ui 按需引入 ERROR Error: Cannot find module ‘@babel-preset-env/babel-preset
weixin_60285052的博客
01-27 377
ERROR Error: Cannot find module '@babel-preset-env/babel-preset' Require stack:
webpack-babel-env-deps：查找要与Babel进行转译的依赖项
02-01
webpack-babel-env-deps 查找要与Babel进行转译的依赖项。 一个助手的WebPack找到需要与巴贝尔（和transpilation项目的依赖性通过对他们的比较，您的最低的Node.js引擎（） 中package.json ），和/或通过确定其最低...
react-webpack-babel:React Webpack Babel简单配置教程
04-28
npm install @babel/core @babel/preset-env @babel/preset-react babel-loader --save-dev ``` 接下来，我们需要配置Webpack。创建一个名为`webpack.config.js`的文件，编写基本配置如下： ```javascript const...
webpack-config:可共享的Webpack配置
04-14
Webpack配置 可共享的Webpack配置 介绍 我的前端项目的个人共享Webpack... babel-loader npm i --save-dev @babel/preset-env @babel/runtime @babel/plugin-transform-runtime 用法 package.json " dev " : " webpack
前端开源库-babel-preset-import-export
08-30
预设可以是针对整个语言特性的，如 `@babel/preset-env`，也可以像 `babel-preset-import-export` 这样，专注于特定功能。预设使得开发者可以更方便地配置 `Babel`，无需手动选择和配置每一个插件。 ### 3. babel-...
跑项目报错Cannot find module ‘@babel/preset-env/lib/utils‘
最新发布
工作中遇到问题记录
12-29 528
跑项目报错Cannot find module '@babel/preset-env/lib/utils'
Couldn‘t find preset “@babel/preset-env“
龙丨行的博客
10-12 1824
Couldn't find preset "@babel/preset-env"
nuxt.js项目 ,npm run dev时出现Cannot find module ‘@babel/preset-env/lib/utils‘ 错误
weixin_61922192的博客
07-04 1642
原因是可能@babel/preset-env的版本太高，只要运行下面命令，将@babel/preset-env版本降低至7.12.17就不再报错 注意！！！（此处有坑）下载成功后默认是"@babel/preset-env": "^7.12.17"，项目可以正常运行，但是当你删除依赖重新启动项目，还是会报错，需要重新下载但是我们要把第一个符号改成~（如图所示）否则后期部署上线有可能会出现意想不到的错误....
解决按照Element官网步骤引入组件运行时报错：Error: Cannot find module ‘babel-preset-es2015‘
weixin_50241387的博客
04-16 2927
按照官网步骤修改 .babelrc 文件时，注意：用vue脚手架创建的项目是找不到 .babelrc文件的，这是旧版本的脚手架才有的，新版本在vue脚手架创建的 babel.config.js 文件修改即可。 引入官网内容后： module.exports = { presets: [ '@vue/cli-plugin-babel/preset', ["es2015", { "modules": false }] ], plugins: [ [ ..
[Module开发报错解决记录]Couldn‘t find preset “@babel/env“ relative to directory
m0_54635929的博客
06-13 1036
但当我通过“babel-node --presets env index.js”命令在终端测试运行的时候，却报出“Couldn't find preset "@babel/env" relative to directory”的错误，找了很久，试了很多次，才发现是.babelrc配置文件的问题，修改后便能成功测试运行了，修改后的配置如下。这里需要注意的是，Babel要安装到项目的根目录下，以vs code为例，鼠标右键项目，选择在集成终端打开，输入以下命令即可。值得注意的是，后面的问题就是出在这里！
Vue element UI：Error: Cannot find module ‘babel-preset-es2015‘
m0_68332006的博客
03-25 2790
找到bable.config.js文件，将es2015改成@babel/preset-env就可以了。前提是要配置好直接上图！！！ 错误的： 正确的： 代码在这里： module.exports = { presets: [ '@vue/cli-plugin-babel/preset', ["@babel/preset-env", { "modules": false }] ], "plugins": [ [ "component", { .
【webpack】WebPack 引入 babel 报错 Cannot find module '@babel/core'
新青年1号
06-17 697
报错信息 ERROR in ./main.js Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module '@babel/core' babel-loader@8 requires Babel 7.x (the package '@babel/core'). If ...
运行nuxt 报Cannot find module ‘@babel/preset-env/lib/utils‘
richpersion的博客
05-14 1388
**Cannot find module ‘@babel/preset-env/lib/utils’ **表示不能找到一个moudule 只需要先执行 npm i @babel/preset-env@7.12.17 之后再执行 npm run dev即可
Error: Cannot find module '@babel(转载)
热门推荐
u011483658的博客
07-10 1万+
Error: Cannot find module '@babel 0.12018.12.29 16:13*字数 227阅读 927评论 0喜欢 1 在安装babel的时候，遇到个Error: Cannot find module '@babel/core’问题，查了很多资料才解决，希望能够帮助到各位兄弟。 问题产生的原因 babel-loader和babel-core版本不对应所产...
将你的代码放在支持 ES6 的环境中运行，比如使用 Babel 进行编译。你可以在项目中安装 @babel/preset-env，并在 .babelrc 文件中配置： 复制 { "presets": ["@babel/preset-env"] } 然后使用 import 语法导入模块： 复制 import babylon from 'babylon'; 具体怎么操作
06-03
使用 Babel 进行编译需要进行以下步骤： 1. 安装 Babel 相关的依赖： ``` npm install @babel/core @babel/cli @babel/preset-env --save-dev ``` 2. 在项目根目录下创建 .babelrc 文件，并在该文件中添加以下内容： ``` { "presets": ["@babel/preset-env"] } ``` 这个配置文件告诉 Babel 使用 @babel/preset-env 预设来编译代码。 3. 编写代码并使用 ES6 的 import 语法导入模块： ``` import babylon from 'babylon'; ``` 4. 使用 Babel 编译代码。可以通过命令行的方式来编译代码。比如，如果你的源代码位于 src 目录下，输出到 dist 目录下，可以使用以下命令： ``` npx babel src --out-dir dist ``` 该命令将 src 目录下的所有代码使用 Babel 进行编译，并输出到 dist 目录下。 5. 在你的应用程序中使用编译后的代码。在浏览器中，你可以直接使用编译后的 JavaScript 文件；在 Node.js 环境中，你可以使用 require 或者 import 语法导入编译后的模块。 这样，你就可以使用 ES6 的 import 语法导入模块，并使用 Babel 进行编译了。需要注意的是，在浏览器环境中使用 Babel 进行编译时，需要使用构建工具（如 webpack、Parcel 等）将多个编译后的文件打包成一个文件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值