使用vue3时 npm run serve报错

最新推荐文章于 2025-03-30 14:13:42 发布

转载最新推荐文章于 2025-03-30 14:13:42 发布 · 803 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.jianshu.com/p/74cb6203c39f

文章标签：

#npm #p2p #linq

博客介绍了在遇到`Error: Cannot find module '@babel/core'`错误时的解决步骤，包括卸载旧版babel-core和preset，安装新版依赖，修改.babelrc配置，涉及关键步骤如babel-core、babel-preset和babel-plugin的版本匹配及安装。

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

查找了很多方法，最终在Error: Cannot find module '@babel/core’ - 简书找到解决办法

不方便点击的，我做一些摘录，记录一下解决方法

问题产生的原因

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

babel-loader 8.x对应babel-core 7.x
babel-loader 7.x对应babel-core 6.x

如何解决

1、卸载旧的babel-core
npm un babel-core
2、安装新的babel-core
npm i -D @babel/core
3、卸载旧的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文件

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

作者：EddyWorkHard
链接：https://www.jianshu.com/p/74cb6203c39f
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。