搭建 React + webpack 项目错误记录

一、webpack --config webpack.dev.config.js 命令报错

webpack没有全局安装的话 webpack --config webpack.dev.config.js 命令会出错。要么全局安装，要么运行命令:

./node_modules/.bin/webpack --config webpack.dev.config.js

二、Cannot find module 'webpack-cli/bin/config-yargs'

webpack安装配置完执行"webpack-dev-server --devtool eval --progress --colors --content-base build"命令显示如上错误，差了一下发现是因为webpack与webpack-dev-server版本不兼容致使的问题，所以可将webpack及webpack-dev-server 写在卸载后从新指定版本安装。

// 卸载当前版本
npm uninstall webpack -g
npm uninstall -g webpack-dev-server

// 安装指定版本
npm install webpack@3.8.0 --save-dev
npm install webpack-dev-server@2.9.7 --save-dev

三、webpack4 Cannot find module '@babel/core'

配置完webpack执行npm run dev,显示找不到@babel/core这个module，后来发现是因为babel-loader的版本不同,以前的是@7.1.5版本,而如今是@8.0.0版，所以执行如下命令先卸载当前版本再安装指定版本：

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