Webpack 开发服务器不工作（加载了奇怪的页面）

Question

我使用 web 包，当我尝试运行运行脚本（npm run build:dev）时，我得到这个奇怪的页面，实际上是我的工作区文件夹，而不是实际的网站：

如果需要，这是我的 package.json，我使用了 VSCode：

{ "name": "pro-lyrics", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "build": "webpack" , "start:dev": "webpack serve", "test": "echo "Error: no test specified" && exit 1" }, "author": "", "license": "ISC", "devDependencies": { "webpack": "^5.12.3", "webpack-cli": "^4.3.1", "webpack-dev-server": "^3.11.1" } }

Answer 1

您需要在 webpack 的配置文件中定义保存 HTML 文件的位置

  devServer: {  
    contentBase: './' // this is default main folder
  }