在我们公司网络中运行 Flutter Web 应用程序出现问题答案

【问题标题】：Problem run Flutter Web app in our company network在我们公司网络中运行 Flutter Web 应用程序出现问题
【发布时间】：2021-09-04 00:44:57
【问题描述】：

我正在尝试在工作中在局域网（内联网）上运行我的 Flutter Web 应用程序。但是没有互联网接入。我有这个问题“无法加载资源：net :: ERR_INTERNET_DISCONNECTED”。我认为，问题在于 canvaskit.js，因为我的应用程序尝试从互联网下载。你知道如何解决它吗？

【问题讨论】：

【解决方案1】：

如果我理解正确的话；

与flutter版本或flutter channel无关。错误消息清楚地解释了互联网已断开连接。普遍的事实是你需要最低速度的互联网来调试或发布你的颤振代码开发。尝试检查互联网连接。

如果此答案对您有帮助，请回复，并分享您是如何解决问题的。

【讨论】：

【解决方案2】：

当您在无法访问 Internet 的 Intranet 中使用 Flutter web 时，这是一个常见的错误。我会尽量详细解释。

在 Flutter Web 中，您可以在两个 Web 渲染器之间进行选择（更多信息 here）。默认的是 CanvasKit，但也有 HTML 渲染器。

CanvasKit web 渲染器的问题是，当你第一次启动应用程序时，它会去 unpkg.com 并下载两个文件：canvaskit.js 和 canvskit.wasm。下载后，浏览器会缓存它们，Flutter 以后不需要再次下载。

但是，如果应用程序无法下载这些文件，应用程序将无法启动。这是@TomášTorok 提到的问题。

有什么解决办法？有两种可能：

1 - 强制您的应用使用 HTML Web 渲染器，因为它不需要通过 Internet 下载任何内容。这个网络渲染器有一些 CanvasKit 没有的限制，反之亦然（在this article 他们详细解释了一切）

在调试中使用 HTML：

flutter run -d chrome --web-renderer html

或者如果你想构建你的应用程序：

flutter build web --web-renderer html

2 - 从 unpkg.com (example link) 手动下载 canvaskit.js 和 canvaskit.wasm 文件，将它们添加到您的项目中（在 /web 文件夹中)，并强制 Flutter web 抓取本地文件，而不是从 Internet 下载任何内容。

这有点多，但也不复杂。 this link 中有说明。

【讨论】：