在 React.js 2020 年 运行 Webpack Config 时无法获取
Cannot Get when running Webpack Config in React.js 2020
I 运行 'watch' 执行webpack dev server "watch": "webpack-dev-server --progress"
编译时未在终端中检测到任何问题。但是，当我转到 http://localhost:8080 时，我收到一条错误消息 'Cannot Get'
我创建了一个 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 并在 public 文件夹中显示。
我建议通读 webpack 关于 Output Management 的文档。
针对您的问题：
My question now is is there away to make this work without moving index.html and manifest into the same folder as webpack.config.js?
您可以使用官方 HtmlWebpackPlugin 来生成您的 index.html 文件。您可以将它指向您自己的文件，无论您想要它在哪里，它还可以让您最终扩展代码以从模板生成 html 文件。
new HtmlWebpackPlugin({
template: 'path/to/index.html'
})
I 运行 'watch' 执行webpack dev server "watch": "webpack-dev-server --progress"
编译时未在终端中检测到任何问题。但是，当我转到 http://localhost:8080 时，我收到一条错误消息 'Cannot Get'
我创建了一个 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 并在 public 文件夹中显示。
我建议通读 webpack 关于 Output Management 的文档。
针对您的问题：
My question now is is there away to make this work without moving index.html and manifest into the same folder as webpack.config.js?
您可以使用官方 HtmlWebpackPlugin 来生成您的 index.html 文件。您可以将它指向您自己的文件，无论您想要它在哪里，它还可以让您最终扩展代码以从模板生成 html 文件。
new HtmlWebpackPlugin({
template: 'path/to/index.html'
})