gpt4 book ai didi

web-deployment - 404 无法加载资源将 Flutter Web 应用程序部署到 GitHub 页面

转载 作者:行者123 更新时间:2023-12-04 06:23:10 29 4
gpt4 key购买 nike

我正在尝试将我的 Flutter 应用程序部署到 GitHub Pages。应用程序运行良好 flutter run -d chrome并使用 flutter build web --release 成功构建
我将代码推送到我的存储库:
https://github.com/learyjk/superpacecalcweb
部署事件日志显示成功部署。但是当我单击“查看部署”按钮时,我只会看到一个空白页面。 Javascript 控制台说:
加载资源失败:服务器响应状态为 404 () https://learyjk.github.io/main.dart.js
我也尝试将/index.html 附加到 URL 的末尾,但没有成功。
有任何想法吗?错误输出不是很详细,所以我不太知道从哪里开始......
GitHub 页面链接:
https://learyjk.github.io/superpacecalcweb/
谢谢!
enter image description here

最佳答案

<base href=''/>在您的 index.html 中添加标签.将其更改为您的 github 存储库的基本路径。在这种情况下,这将是 <base href="/superpacecalcweb/"/>。如果您没有它,您可以将其添加到 <head> 中。标签。
基本上问题是flutter试图定位main.dart.js文件而不考虑部署的基本路径,因为您尚未配置 base用正确的路径标记。如果托管服务提供商向主域添加了额外的路径,那么在部署 Flutter Web 应用程序或任何 Web 应用程序时,这是一个常见问题。
您可以看到 main.dart.js可通过以下链接获得。
https://learyjk.github.io/superpacecalcweb/main.dart.js

Please do note that while testing locally you will still have to set it back to href="/". Otherwise the local deployment won't work. There is an open issue to make this configurable.

关于web-deployment - 404 无法加载资源将 Flutter Web 应用程序部署到 GitHub 页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65689346/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com