flutter web 释放显示黑屏

Question

我正在尝试使用我的应用程序的发布模式。 以下是我尝试过的方法：

1-我执行flutter clean

2-我执行flutter build web --release

3-我执行flutter run -d chrome --release

在第三个命令上它工作正常：

但是当我打开project/build/web/index.html时，它显示空白屏幕：

有人知道解决方案吗？

Answer 1

在 index.html 中，您会看到一个 basehref。 flutter 站点仅在基本 href 与托管它的域匹配时才会显示。 尝试托管它并添加相关的基本 href。 您也可以删除此行，它应该可以按预期工作

Answer 2

使用 vscode 打开web文件夹并打开index.html ，它会显示如下

并使用Live Server扩展

然后通过点击Go live运行

Answer 3

刚才我第一次用chrome打开的时候遇到了同样的事情，重新打开后就可以了。

所以也许尝试重新打开它？ 就像我刚刚做的那样？

希望这可以帮助。