1、问题
npm run dev启动react项目时出现以下错误:
These dependencies were not found:
* @babel/runtime/core-js/promise in ./~/_dva@2.4.1@dva/lib/dynamic.js, ./~/_dva-core@1.4.0@dva-core/lib/createPromiseMiddleware.js
* @babel/runtime/core-js/get-iterator in ./~/_dva-core@1.4.0@dva-core/lib/index.js, ./~/_dva-core@1.4.0@dva-core/lib/Plugin.js and 2 others
* @babel/runtime/core-js/object/keys in ./~/_dva-core@1.4.0@dva-core/lib/index.js, ./~/_dva-core@1.4.0@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/runtime@7.0.0-beta.46 --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