Error: Cannot find module '@babel/core' webpack run dev

最新推荐文章于 2024-06-25 13:46:50 发布
最新推荐文章于 2024-06-25 13:46:50 发布
阅读量549 收藏
点赞数
分类专栏： webpack javascript Node.js 文章标签： webpack  javascript babel-code babel-loadr
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wulove52/article/details/85933356
版权
javascript 同时被 3 个专栏收录
14 篇文章 0 订阅
订阅专栏
Node.js
4 篇文章 0 订阅
订阅专栏
webpack
1 篇文章 0 订阅
订阅专栏

问题记录：在进行webpack 命令操作时报错

根据提示发现 需要安装 7.0.0以上版本的babel-code

因为我的babel-loader 是 8.0.0以上的我默认安装的babel-code 是6.0.0的版版本不匹配

解决办法：

可以选择降低babel-loader的版本到7.0.0 

现在版本如下：

 

在尝试运行 webpack run dev  正常运行了；

 

 

参考：

报错信息

https://www.npmjs.com/package/babel-loader

wulove52
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript高级语法打包 - babel插件安装配置报错！Error: Cannot find module ‘@babel/preset-preset.env‘
←か淡定☆ ヾ 的博客
12-12 9122
目录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 配置
Error: Cannot find module ‘webpack-cli/package.json’
hzw的博客
08-09 1254
webpack自动打包报错 Error: Cannot find module 'webpack-cli/package.json' Require stack: - C:\Users\ASUS\AppData\Roaming\npm\node_modules\webpack\bin\webpack.js at Function.Module._resolveFilename (internal/modules/cjs/loader.js:885:15) at Function.resolv
Error: Cannot find module ‘@babel/core‘ 问题已解决
weixin_55242897的博客
02-26 4742
项目场景： 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）的文章启发了解
Vue中Module build failed: Error: Cannot find module '@babel/core'最简单解决方案
热门推荐
weixin_43086811的博客
08-28 3万+
s running at http://localhost:3000/ webpack output is served from / Content not from webpack is served from e:\1804vuedemo\vueroutermedo/dist Hash: 6cf951ad079ff750702e Version: webpack 3.11.0 Time:...
【前端笔记】Vue项目报错Error: Cannot find module ‘webpack/lib/RuleSet‘
于离别之朝束起约定之花的博客
05-22 1260
网上搜了下发现原因不止一种，这里仅记录本人遇到的原因和解决办法，仅供参考。再次提示，这是本人遇到的，可能和大家有所不同，勿杠。
cnpm run dev 报错 Error: Cannot find module ‘fs/promises’
最新发布
qq_37471721的博客
06-25 210
之后重新安装babel-loader依赖。接着安装babel-core依赖。主要原因是babel版本冲突。
webpack.config.js配置遇到Error: Cannot find module '@babel/core'问
dz45693的专栏
09-27 5797
一、 啥问题 在配置webpack.config.js自动打包的时候,出现Error: Cannot find module '@babel/core'错误 最初以为是babel-core没有安装上。重装了好几遍babel-core还是不行。对照以前的项目,发现babel-loader的版本不一样,之前的是@7.1.5版本,而现在是@8.0.0版本。 二、 解决方法 带着半信半疑的心情安装回...
Module build failed: Error: Cannot find module ‘babel-runtime/helpers/typeof‘ ，已解决
weixin_44012027的博客
03-16 2308
一边当舔狗一边写前端，发现安装了个插件之后， npm run dev 启动Vue报错了 错误如下 ERROR Failed to compile with 1 errors 22:32:26 error in ./src/main.js Module build failed: Error: Cannot find module 'babel-runt
bug Error: Cannot find module ‘vue-loader-v16/package.json‘的解决办法
weixin_40945354的博客
03-03 2139
更新，命令如下，在 https://stackoverflow.com/questions/63504594/error-cannot-find-module-vue-loader-v16-package-json 查到 cnpm i --save-dev vue-loader-v16 ivyone@ivyonedeMacBook-Pro daily-cost % cnpm install ⠦ [12/17] Installing source-map@^0.6.1[vue-loader-v16@npm
天呐，终于运行出了一个大项目----里头有个大bug：RROR Error: Cannot find module ‘vue-，解决办法是重新下载 cnpm i -D vue-loader-v16
weixin_40945354的博客
02-21 5798
npm WARN @babel/plugin-syntax-dynamic-import@7.8.3 requires a peer of @babel/core@^7.0.0-0 but none is installed. You must install peer dependencies yourself. npm WARN @babel/plugin-syntax-export-namespace-from@7.8.3 requires a peer of @babel/core@^7.0.0-0
npm install http-server global 安装http-server服务器
黑夜人的博客
01-04 1万+
问题： 最近在使用webstrom loaclhost 服务开发项目时，遇到如下问题：  1.无法再局域网内同于ip的方式访问项目  2.在使用chrome的在线编辑自动保存功能的时候经常会出现一个乱码 所以选择安装了 http-server 来架设服务器  安装步骤如下： 前提：你一定已经安装了Node.js ,如何验证安装了node.js 请在命令行窗口下执行 node -v 如果...
javascript随机打乱数组shuffle
黑夜人的博客
01-04 7395
javascript 没有为我们提供shuffle打乱数组的函数，那日常开发是怎样实现随机打乱数组呢 一.使用sort方法? 借助 sort 方法不是真正意义上的完全乱序 原因： 在Chrome v8引擎源码中，处理 sort 方法时，使用了插入排序和快排两种方案。当目标数组长度小于10时，使用插入排序；反之，使用快排。 其实不管用什么排序方法，大多数排序算法的时间复杂度介于 O(n) ...
JS中不同类型作比较的规律 （比较运算符）
黑夜人的博客
12-12 3154
JS 不同数据类型的比较 是个头疼事情，那有没有规律可循，让记忆和理解起来更加容易呢， console.log(1 ==  "1") //true  好的，我先把规则告诉大家，然后大家理解后再开始练习。看看效果是不是很显著； 不同数据类型间的比较，规律如下 类型 类型 其他说明 其他说明 对象 对象 比较是不是同一个内存地址   对象 字...
javascript 作用域、变量提升练习题
黑夜人的博客
01-19 1686
 今天我们来做下作用域和变量提升的面试题； 答案我会写在最下面，大家先开始自己尝试下 //第1题 console.log(a); var a=12; function fn(){ console.log(a); var a=13; } fn(); console.log(a); //第2题 console.log(a); v...
parseInt parseFloat isNaN Number 区别和具体的转换规则及用法
黑夜人的博客
12-11 1121
在javascript 我经常用到，parseInt、parseFloat、Number、isNaN，但是转规则不一，常常搞不清楚区别。记忆起来非常吃力。 今天我们来扯一扯他们的区别和用法，和记忆技巧 首先，javacript的数据类型number 包含 整数 小数 0 NaN 判断一个值是不是数字可以使用 typeof <script> console.log(ty...
JavaScript基础学习笔记
黑夜人的博客
08-30 755
JavaScript基础学习笔记 绝对原创 JavaScript概述 1.什么是JavaScript                  JavaScript 是一种具有面向对象能力的、解释型的程序设计语言。更具体一点，它是基 于对象和事件驱动并具有相对安全性的客户端脚本语言。因为他不需要在一个语言环境下运 行，而只需要支持它的浏览器即可。它的主要目的是，验证发往服务器
javascript的null、undefined和布尔数据类型
黑夜人的博客
12-12 727
javascript中  有null、undefined 在使用typeof 时候  console.log(typeof null); //object console.log(typeof undefined) //undefined null与undefined都可以表示“没有”，含义非常相似。将一个变量赋值为undefined或null，老实说，语法效果几乎没区别。 两个类型到底...
一张图学习正则表达式基本语法
黑夜人的博客
01-05 697
Error: Cannot find module '@babel/generator'
02-21
根据提供的引用内容，当出现错误消息"Error: Cannot find module '@babel/generator'"时，这意味着无法找到名为"@babel/generator"的模块[^2]。 解决此问题的一种方法是确保已正确安装了"@babel/generator"模块。可以使用以下命令来安装它： ```shell npm install @babel/generator ``` 如果已经安装了"@babel/generator"模块，但仍然出现此错误消息，则可能是因为模块的路径设置不正确。请确保在代码中正确引用了"@babel/generator"模块。 如果问题仍然存在，请检查是否存在其他依赖项或配置问题，可能需要进一步调查和排除。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值