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
  }