运行:

npm run dev

或:

npx webpack-dev-server

启动本地服务器。

遇报错:Cannot find module 'webpack'

详情如下:


C02Z84E5LVCF:mm_webpack maomao$ npx webpack-dev-server
Cannot find module 'webpack'
Require stack:
- /Users/maomao/Documents/demo/h5/webpack.config.js
- /Users/maomao/Documents/demo/h5/mm_webpack/node_modules/webpack-cli/bin/utils/convert-argv.js
- /Users/maomao/Documents/demo/h5/mm_webpack/node_modules/webpack-dev-server/bin/webpack-dev-server.js
C02Z84E5LVCF:mm_webpack maomao$ 

解决办法:

方法一:安装全局webpack

npm install webpack -g

对我无效。

方法二:

npm link webpack

此方法似乎是把webpack添加到环境变量,
But,依然对我无效。

方法三:查看真正报错的原因

错误日志里说找到了下面的webpack.config.js文件

Require stack:
- /Users/maomao/Documents/demo/h5/webpack.config.js

实际上,我的webpack文件被我更名成了webpack.config.my.js

系统默认是去找默认webpack文件:webpack.config.js

所以才找不到。

解决办法

自定义webpack文件,需要将文件以参数的形式告知。

如:

package.json配置:

"scripts": {
    "dev": "webpack-dev-server"
  },

修改为:

"scripts": {
    "dev": "webpack-dev-server  --config webpack.config.my.js"
  },

然后运行:

npm run dev

或 运行:

npx webpack-dev-server -- --config webpack.config.my.js

运行成功。