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

一. 问题背景

通过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-runtime

并在webpack.config.js中添加babel配置，添加.babelrc文件，此处不提

完成上述操作后，启动程序时，报错：

ERROR in ./vue.js Module build failed (from ./node_modules/_babel-loader@8.2.2@babel-loader/lib/index.js): Error:Cannot find module ‘@babel/core’
Require stack:
…
…
babel-loader@8 requires Babel 7.x (the package ‘@babel/core’). Ifyou’d like to use Babel 6.x (‘babel-core’), you should install ‘babel-loader@7’.

二. 解决办法

1. 原因分析

从日志中，即可见babel-loader和babel版本冲突，babel-loader只能比babel-core高一个版本，而我的工程中：

    "babel": "^6.23.0",
    "babel-core": "^6.26.3",
    "babel-loader": "^8.2.2",

babel-loader为6，babel-core为8

2. 解决办法

因此将babel-loader降级为7

npm uninstall babel-loader
cnpm install babel-loader@7.1.5

完成后即可正常启动，问题解决