1

我一直在线关注本教程：https ://www.youtube.com/watch?v=TOb1c39m64A 。

大约 10 分钟后，我们将首次启动 webpack 开发服务器。我这样做了，当我前往： http://localhost:8080/ 时，我收到一个只有文本的白色网页Cannot GET /。

这些是我迄今为止安装的唯一软件包：

"devDependencies": { "webpack": "^5.52.0", "webpack-cli": "^4.8.0", "webpack-dev-server": "^4.1.0" }

我有一个名为“start”的脚本运行webpack serve，它运行成功并显示：

<i> [webpack-dev-server] Project is running at: <i> [webpack-dev-server] Loopback: http://localhost:8080/

根据教程，我没有 webpack 配置，但是我在其他编码项目中搞乱了其他 webpack 的东西，其中之一可以使用我的 8080 端口吗？我主要在 Firefox 中工作，但这个问题在所有浏览器中都存在。

我还查看了我的主机文件并添加了一行，如果您认为它可以帮助我将其粘贴在这里。

这里要求的是我的 package.json （大部分已经在上面发布了）：

{ "private": true, "scripts": { "start": "webpack serve", "watch": "webpack --watch", "build": "webpack" }, "devDependencies": { "webpack": "^5.52.0", "webpack-cli": "^4.8.0", "webpack-dev-server": "^4.1.0" } }

4

1 回答 1

6

似乎即使在 7 个月内该教程已经过时了。

为像我这样在 Windows pc 上关注它的人修复。

在我的根目录中添加了一个 webpack.config.js 文件，如下所示：

module.exports = {
  mode: "development",

  devServer: {
    static: "./dist",
  },
};

在本教程中，它contentBase用作 devServer 对象中的键，该属性在最近的更新中似乎已被弃用，因此static被用作替代品。

现在一切都提供给 localhost 并且可以正常工作。

于 2021-09-04T15:57:43.550 回答