在React.js 2020中运行Webpack Config时无法获取

问题描述 投票:0回答:1

我运行'watch'来执行webpack开发服务器"watch": "webpack-dev-server --progress"

编译时未在终端中检测到问题。但是,当我转到http://localhost:8080时,会收到错误消息“无法获取”

enter image description here

我创建了一个sandbox

到目前为止,我已经尝试过在webpack.config.js中添加writeToDisk:true,并且包括svg“ file-loader”和css“ css-loader”的加载器,它纠正了我关于不使用CSS加载器的另一个错误。我也尝试将端口更改为3000。不确定这与解决此问题的相关性如何,但我使用的是webstorm ide。

更新:

我通过将index.html和manifest.json移到src文件夹来解决此问题。

我现在的问题是,有没有办法在不移动index.html并将其清单显示为与webpack.config.js相同的文件夹的情况下使此工作有效?如果可能的话,我宁愿保留index.html并在公用文件夹中进行清单。

javascript reactjs webpack webpack-dev-server
1个回答
1
投票

我建议您阅读有关Output Management的webpack文档。

对您的问题:

我现在的问题是,有没有办法在不移动index.html并将其清单显示为与webpack.config.js相同的文件夹中的情况下进行这项工作?

您可以使用官方的HtmlWebpackPlugin来生成此文件,以生成您的HtmlWebpackPlugin文件。您将可以将它指向自己的文件,无论您想要使用的是什么,它也将使您最终缩放代码以从模板生成html文件。

index.html
© www.soinside.com 2019 - 2024. All rights reserved.