Error: Cannot find module '@babel/core'

Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module ‘@babel/core’

babel-loader和babel-core版本不对应所产生的,

1.卸载babel-core

npm un babel-core

2 .安装新的babel-core

npm i -D @babel/core
  1. 卸载旧的babel-preset
npm un babel-preset-env
npm un babel-preset-stage-0

4.安装新的babel-preset

npm i @babel/preset-react
npm i @babel/preset-env
npm i babel-preset-mobx

5.卸载旧的babel-plugin

npm un babel-plugin-transform-runtime

6.安装新的babel-plugin

npm install --save-dev @babel/plugin-proposal-object-rest-spread
npm install --save-dev @babel/plugin-transform-runtime
npm install --save @babel/runtime

7.修改.babelrc文件

//  修改.babelrc文件
{
    "presets": ["@babel/preset-env", "@babel/preset-react", "mobx"],
    "plugins": [
        "@babel/plugin-proposal-object-rest-spread",
        "@babel/plugin-transform-runtime"
    ]
}

8.修改webpack.config.js配置

module: {
    rules:[
    	{   
           test: /\.js|jsx$/,
            use: 'babel-loader', 
            exclude: /node_modules/
        },
    ], 
 },

9.重新项目,重新编译一遍。

实在不行,就删掉node_modules文件夹,重新安装一遍依赖。

学习记录一下,各位路过的朋友多多指教。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值