我一直在线关注这个教程: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" } }
发布于 2021-09-04 15:57:44
似乎即使在7个月内,教程也已经过时了。
为像我这样在windows pc上关注它的任何人修复。
在我的根目录中添加了一个webpack.config.js文件,如下所示:
module.exports = {
mode: "development",
devServer: {
static: "./dist",
},
};在本教程中,它使用contentBase作为devServer对象中的键,该属性在最近的更新中似乎已被弃用,因此static被用作替代。
现在一切都被提供给localhost了,它可以工作了。
https://stackoverflow.com/questions/69054930
复制相似问题