搭建 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