webpack4 Cannot find module '@babel/core'

最新推荐文章于 2023-08-06 18:02:25 发布

Capricorncd

最新推荐文章于 2023-08-06 18:02:25 发布

阅读量8.6k

点赞数

文章标签： webapck4 babel-core babel-loader babel/core

本文链接：https://blog.csdn.net/yagizacd/article/details/82182800

版权

Error:

// webpack
Cannot find module '@babel/core'

解决办法一：
原因"babel-loader": "^8.0.0" 版本问题。
使用"babel-loader": "^7.1.5"即可解决该错误。

package.json

{
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.5"
  }
}

解决办法二：

安装@babel/core依赖

https://www.npmjs.com/package/@babel/core

npm install --save-dev @babel/core

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Capricorncd

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
4
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

webpack.config.js配置遇到Error: Cannot find module ‘@babel/core‘问题

shengyin714959的博客

06-28

1553

在配置webpack.config.js自动打包的时候,出现Error: Cannot find module '@babel/core'错误最初以为是babel-core没有安装上。重装了好几遍babel-core还是不行。对照以前的项目,发现babel-loader的版本不一样,之前的是@7.1.5版本,而现在是@8.0.0版本。带着半信半疑的心情安装回@7.1.5版本再发现成功了！有点纳闷,距离上次安装不过才几天,就更新成babel-loader@8.0.0。而且还不支持原来的配置了。网上没

Error: Cannot find module ‘@babel/core‘ 问题已解决

weixin_55242897的博客

02-26

4883

项目场景： 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）的文章启发了解

4 条评论您还未登录，请先登录后发表或查看评论

webpack编译时出现报错Error: Cannot find module '@babel/core'

weixin_44214330的博客

04-20

444

具体报错如下： 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...

gulp的gulp-babelES6转换问题Cannot find module '@babel/core'解决方案（亲测可用）

淡风wisdon－大大的博客

03-19

8070

遇到的坑： gulp的ES6转换问题Cannot find module '@babel/core'折腾了我2个多小时，苦得一逼，基本找不到可行的方案解决方案：严格按照我一下的路线进行安装gulp-babel步骤一、创建工程目录Project-demo/ |── dist/├── src/ ├── js/ └── index.js步骤二、安装gulp和编译ES6所需要的模块用...

Error: Cannot find module '@babel/core'

Beamon__的博客

12-17

1052

在配置webpack打包的时候,出现Error: Cannot find module '@babel/core'错误，控制台打印如下图：网上查找原因发现是babel-loader版本原因所致，参照网上方法，将babel-loader安装回@7.1.5版本，重新打包，打包成功；相关依赖版本如下： webpack中rules配置如下：参考地址：https://www....

Vue中Module build failed: Error: Cannot find module '@babel/core'最简单解决方案

我的blog屋

02-21

3387

vue程序跑起来，一直显示Module build failed: Error: Cannot find module ‘@babel/core’错误，网上收了很多方法，但是都太复杂，也许本身原因不一样，可以试试这个！ npm i babel-loader@7.1.5 -D 直接安装的是6.26.3的版本，安装指定版本。然后npm run start ，问题解决。希望对你有用！ ...

gulp-babel使用报错：Cannot find module '@babel/core'

bxl0218的博客

09-05

7203

gulp打包是不兼容ES6的，需要使用gulp-babel插件转义后方可打包。按照gulp-babel的提示安装，打包时报错：Cannot find module '@babel/core'。后来改变了一下这三个插件的安装方式居然可以用了： npm install gulp-babel --save-dev npm install babel-preset-env --...

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...

Cannot find module '@babel/core' babel-loader@8 requires Babel 7.x (the package '@babel/core').

ccss__ddnn的博客

10-10

415

在npm run server的时候，报错： 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@...

gulp中使用gulp-babel 提示 Cannot find module ‘@babel/core‘

qq_42806214的博客

08-10

411

gulp中使用gulp-babel 提示 Cannot find module ‘@babel/core’ 原因： npm 上面gulp-babel目前最新的只有7.0版本的，但是我在安装的时候默认安装的是最新的版本8.0的，导致找不到babel/core 解决办法：卸载之前安装的最新的版本 npm uninstall gulp-babel npm install --save-dev gulp-babel@7 ...

webpack4配置babel的时候报错：Cannot find module '@babel/core'

6块腹肌的博客

07-19

1万+

错误信息如下：问题原因：babel-core的版本不对 babel-loader 8 对应的 babel-core版本为：7 解决办法：卸载babel-core重新安装 npm un babel-core 然后重新安装： cnpm i -D @babel/core 然后重新启动服务即可！亲测可行！ ...

webpack学习笔记1：Error: Cannot find module '@babel/core'

王同学Leo的专栏

11-17

1680

这两天想学一下webpack，搜了一下，感觉这篇文章不错：《入门Webpack，看这篇就够了》，就照着上面做。下面记录我遇到的几个不同的地方： 1. 安装webpack-cli 文中提到可以使用配置文件来使用Webpack，当我执行npm start时提醒需要安装webpack-cli，yes安装就是了：这里提一点，当npm安装一些模块时，它会自动被加到package.json的d...

一行代码解决 Cannot find module "babel-core"!!!

weixin_46760658的博客

04-21

2909

在webpack中使用babel时出现的ERROR：Cannot find module "babel-core" 如图：关于这个Error，作者曾百度过好几个小时，试过不少的方法：像babel和babel-loader版本之间存在的问题，将babel-loader和babel的版本改为babel-loader@8和babel@7（或者babel-loader@7和babel@6），这个方法...

Error: Cannot find module ‘@babel/core‘

m0_60703077的博客

01-07

3848

在使用 babel 进行转译，发送找不到@babel/core ，这是 babel 所依赖的核心库。下图：这是我项目所安装的依赖这是是根据阮一峰老师的深入浅出webpack教程所配置的 babel 时候引入的依赖。没找到@babel/core，需要把babel-core卸载掉，从新安装@babel/core npm uninstall babel-core npm i @babel/core --save-dev 这是因为 babel 舍弃了之前的 babel...

Error: Cannot find module ‘@babel/core’处理

最新发布

weixin_42202992的博客

08-06

3416

Error: Cannot find module '@babel/core’问题处理

Webpack+babel 报错: Error:Cannot find module ‘@babel/core 解决办法

成长之路

03-21

2485

一. 问题背景通过cmd命令添加babel cnpm install --save-dev babel cnpm install --save-dev babel-loader cnpm install --save-dev babel-core cnpm install --save-dev babel-plugin-transform-runtime cnpm install --save-dev babel-preset-es2015 cnpm install --save-dev babel-ru

前端启动项目的时候报错误: Error: Cannot find module ‘babel-plugin-transform-vue-jsx‘。

Slpyy的博客

12-02

5040

启动报错

vue2+jsx+webpack中使用了@babel/core babel-loader8.3 提示React is not defined 改如何解决

06-10

如果你在 Vue 2 + JSX + Webpack 中使用了 `@babel/core` 和 `babel-loader@8.3`，并且遇到了 `React is not defined` 的问题，那么可能是因为你的 Babel 配置没有正确地设置。要解决这个问题，请按照以下步骤操作： 1. 在项目中安装 `@vue/babel-preset-jsx`。 ``` npm install @vue/babel-preset-jsx --save-dev ``` 2. 在 `.babelrc` 文件中添加以下内容： ``` { "presets": [ "@vue/app", "@vue/babel-preset-jsx" ] } ``` 3. 在 `webpack.config.js` 文件中添加以下内容： ``` module.exports = { // ... module: { rules: [ { test: /\.jsx$/, exclude: /node_modules/, use: { loader: 'babel-loader', options: { presets: [ ['@babel/preset-env', { targets: { node: 'current' } }], '@vue/app', '@vue/babel-preset-jsx' ] } } } ] } } ``` 4. 在组件中使用 `import { createElement } from 'vue';` 来代替 `React.createElement`。 ``` <template> <div> {createElement('h1', { class: 'title' }, 'Hello World')} </div> </template> <script> import { createElement } from 'vue'; export default { name: 'MyComponent', render() { return ( <div> {createElement('h1', { class: 'title' }, 'Hello World')} </div> ); } } </script> ``` 通过以上步骤，你的 Vue 2 + JSX + Webpack 项目应该就能够正常运行了。