Flutter web：'webdev build'时出现空白屏幕

Posted 2023-02-23

【中文标题】Flutter web：\'webdev build\'时出现空白屏幕

【英文标题】：Flutter web: blank screen when 'webdev build'Flutter web：'webdev build'时出现空白屏幕

【发布时间】：2020-03-05 23:48:08

【问题描述】：

我用flutter web做了一个网页。 我用命令测试过

webdev serve

我可以看到整个网站，

但是当我想用这个命令“导出/保存”网站时：

webdev build

网页是空白的，（当我打开构建文件夹中的html文件时）

[INFO] Reading cached asset graph completed, took 245ms
[INFO] Checking for updates since last build completed, took 806ms
[INFO] Running build completed, took 217ms
[INFO] Caching finalized dependency graph completed, took 148ms
[INFO] Reading manifest at build/.build.manifest completed, took 1ms
[INFO] Deleting previous outputs in `build` completed, took 45ms
[INFO] Creating merged output dir `build` completed, took 226ms
[INFO] Writing asset manifest completed, took 4ms
[INFO] Succeeded after 671ms with 0 outputs (0 actions)

提前致谢！

更新：

如果我在构建文件夹中打开 html 文件（这会给出一个空白屏幕）。这些是我在谷歌浏览器控制台中的错误：

【参考方案1】：

我有同样的问题，但是当我上传实时服务器（主机）时它工作正常。我不确定，但可能与 CORS 有关，浏览器不允许来自网站外部的某些来源，因此在本地文件中具有本地来源，这意味着它们作为浏览器视图来自网站外部。我认为您应该上传实时服务器或本地服务器。

【讨论】：

非常感谢您的回答！现在完美运行！谢谢！额外的问题：在颤振网站上，他们说你应该使用 'flutter build web' ，但与 'webdev build' 有什么区别？

不客气。我对此一无所知，但我将它们都用于构建如果我了解差异，我会分享

一旦部署在没有互联网访问权限的帐户下，今天就面临着同样的事情。更改为用户 w。互联网访问，它按预期工作。谢谢提示！

【参考方案2】：

我的 Flutter Web 应用也显示空白页/空白屏幕...

尝试在终端中运行以下命令：

flutter channel dev flutter upgrade flutter run -d chrome

如果它仍然向您显示空白页面（因为由于某种原因它没有到达您的本地服务器）终止当前服务器'ctrl + c'。

然后运行flutter run -d web，终端将为您提供一个新的本地主机网址。点击链接并刷新一次，您应该会看到您的应用正在运行。