搭建 React + webpack 项目错误记录

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

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

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

2、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

3、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

搭建 React + webpack 项目错误记录

相关推荐