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

Question

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

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

{ "name": "亲歌词", “版本”：“1.0.0”， “描述”： ””， “主”：“index.js”， “脚本”：{ “构建”：“网络包”， "start:dev": "webpack 服务", “测试”：“回声”错误：没有指定测试“&&退出1” }, “作者”： ””， “许可证”：“ISC”， “开发依赖”：{ "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
  }