首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >无法获取/- localhost 8080不能与webpack开发服务器一起使用

无法获取/- localhost 8080不能与webpack开发服务器一起使用
EN

Stack Overflow用户
提问于 2021-09-04 11:38:56
回答 1查看 967关注 0票数 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,但这个问题在所有浏览器上都存在。

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

这里请求的是我的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" } }

EN

回答 1

Stack Overflow用户

发布于 2021-09-04 15:57:44

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

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

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

代码语言:javascript
复制
module.exports = {
  mode: "development",

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

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

现在一切都被提供给localhost了,它可以工作了。

票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69054930

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档