想看Stack Overflow的话：链接
webpack-dev-server
当在Terminal运行 npx webpack-dev-server的时候出现这种Error！
Error: Cannot find module 'webpack-cli/bin/config/config-yargs'
Require stack:
- D:\webpack workspace\test5\node_modules\webpack-dev-server\bin\webpack-dev-server.js
at Object.<anonymous> (D:\webpack workspace\test5\node_modules\webpack-dev-server\bin\webpack-dev-server.js:65:1)
code: 'MODULE_NOT_FOUND',
requireStack: [
'D:\\webpack workspace\\test5\\node_modules\\webpack-dev-server\\bin\\webpack-dev-server.js'
]
Error: Cannot find module 'webpack-cli/bin/config/config-yargs'
是不是很头痛，当初我试了很多方式但是还是行不通！
现在我给大家分享一下方法：
首先我先序列一下代码部分
package.json
{
"name": "test5",
"version": "1.0.0",
"description": "",
"main": "webpack.config.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "webpack",
"start:dev": "webpack-dev-server",
"dev": "webpack serve"
},
"author": "",
"license": "ISC",
"devDependencies": {
"css-loader": "^5.0.0",
"file-loader": "^6.1.1",
"html-webpack-plugin": "^4.5.0",
"style-loader": "^2.0.0",
"url-loader": "^4.1.1",
"webpack": "^5.1.3",
"webpack-cli": "^4.1.0",
"webpack-dev-server": "^3.11.0"
},
"dependencies": {
}
}
webpack.config.js
const {
resolve} = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: './src/index.js',
output: {
filename: 'built.js',
path: resolve(__dirname, 'build')
},
module: {
rules: [
{
test: /\.css$/,
use: ['style-loader', 'css-loader']
},
{
exclude: /\.(js|html|css)$/,
loader: 'file-loader',
// // options: {
// name:'[hash:10].[ext]'
// }
}
]
},
plugins: [
new HtmlWebpackPlugin({
template: './src/webpack.html'
})
],
mode: 'development',
//devServer
devServer: {
// 项目构建后路径
contentBase: resolve(__dirname, 'build'),
// 启动gzip压缩
compress: true,
// 端口号
port: 3080,
// 自动打开浏览器
open: true
}
};
核心代码部分也写完了，在package.json所示安装的都是最新版本的Library
所以版本问题首先是排除！
解决方法
1.(第一种方法)
package.json里的scripts改一下
"start:dev": "webpack-dev-server",
改成
"dev": "webpack serve"
好了然后就是按原来的方法一样npm run dev
okay! Congratulations!
2.（第2种方法）
之前我们运行的时候是
npx webpack-dev-server来执行的
但是结果一直显示Module not found
So, 我们改一下形式就行
npx webpack serve
okay! Congratulations!