Error: Cannot find module '@babel/runtime/core-js/object/keys'(npm start报错)

1、问题

npm run dev启动react项目时出现以下错误:

These dependencies were not found:

* @babel/runtime/core-js/promise in ./~/[email protected]@dva/lib/dynamic.js, ./~/[email protected]@dva-core/lib/createPromiseMiddleware.js

* @babel/runtime/core-js/get-iterator in ./~/[email protected]@dva-core/lib/index.js, ./~/[email protected]@dva-core/lib/Plugin.js and 2 others

* @babel/runtime/core-js/object/keys in ./~/[email protected]@dva-core/lib/index.js, ./~/[email protected]@dva-core/lib/checkModel.js and 3 others

打开项目根目录\node_modules\@babel\runtime,发现runtime文件夹下没有core-js文件夹。安装了babel-runtime,但是@babel\runtime下没有该文件夹,说明runtime包有问题,缺少依赖。

这个错误的原因是因为不同插件的二次依赖引入了不同版本的 @babel/runtime。高版本的 7.1.5 下是没有 @babel/runtime/core-js 这个文件夹的,我们 dev 环境编译时resolve的目录是高版本的,在项目目录的 package.json 里 指定个有该文件的版本就好了

2、解决方法

(1)直接命令窗口执行以下命令安装依赖即可:

npm install @babel/[email protected] --save-dev


注:安装指定版本的依赖到开发/生产环境的方式如下(如果安装了淘宝镜像,用cnpm代替npm安装更快):

npm install xxx --save

npm install xxx --save-dev


(2)在项目根目录的 package.json文件中的"devDependencies"下加上"@babel/runtime": "7.0.0-beta.46",保存后打开命令行运行 npm i,

即安装指定版本7.0.0-beta.46的依赖,如下图:

安装完以后,重新start发现报错没有了,此时查看\node_modules\@babel\runtime,发现多了core-js文件夹,这就是先前所缺少的依赖包,安装了@babel/runtime后解决了依赖包缺失问题。

解决方法来自https://www.cnblogs.com/journey-blog/p/11110240.html

解决方法来自https://segmentfault.com/q/1010000017027515?sort=created

你可能感兴趣的:(Error: Cannot find module '@babel/runtime/core-js/object/keys'(npm start报错))