404无法将资源部署到GitHub页面

Question

我试图将我的Flutter应用程序部署到GitHub页面。应用程序运行良好与flutter run-d chrome和构建成功使用flutter构建web-释放

我将代码推送到我的存储库：https://github.com/learyjk/superpacecalcweb

部署活动日志显示已成功部署。但是当我点击“查看部署”按钮时，我只得到一个空白页面。Javascript控制台显示：

无法加载资源：服务器响应状态为404（）https://learyjk.github.io/main.dart.js

我试图追加/index.html到URL的末尾，但没有运气。

有什么想法吗？错误输出不是很冗长，所以我不太知道从哪里开始...

GitHub页面链接：https://learyjk.github.io/superpacecalcweb/

非常感谢。

Answer 1

构建项目时使用：
flatterbuildweb--release--base href=“/yourGithubRepoName/”
它将为您完成所有必需的替换。

在这种情况下，命令是：
flatterbuildweb--release--base href=“/superpacecacalcweb/”

Answer 2

有<代码>

基本上，问题是颤振试图定位main。飞奔js文件，而不考虑部署的基本路径，因为您没有使用正确的路径配置base标记。如果托管提供商向主域添加了额外的路径，那么这是部署颤振web应用程序或任何web应用程序时的常见问题。

您可以看到，main。飞奔js可通过以下链接获得。https://learyjk.github.io/superpacecalcweb/main.dart.js

请注意，在本地测试时，您仍然需要将其设置回href=“/”。否则本地部署将无法工作。要使其可配置，还有一个悬而未决的问题。