在 Firebase 托管后不会显示 Flutter web svg 图片

Question

托管后不显示 Svg 图像。 Consolos 扫描显示 svg 文件已下载。但它没有出现。谁能帮我解决这个问题？

我已经在 html 和 canvaskit 中构建了 web 应用程序，但它在任何一个中都不起作用。我只能在 localhost 上看到 svg 图片。

我使用https://pub.dev/packages/flutter_svg 包。

我使用 Firebase 托管服务。

enter image description here => 本地主机

enter image description here => 托管

Answer 1

我找到了在 Firebase Deploy 之后正确显示当前 svg/png 的解决方案。

在我们运行flutter build web 之后，flutter 出现了问题。相应的资产，应移动到/web 目录（在构建文件夹中，您可以在部署之前检查项目）。但是，他们没有搬进来。

因此，就我而言，我已经从根项目 /assets 中删除了所有资产（png 或 svg），并将它们设置到 /web/assets 文件夹中（手动）！

这是你运行flutter build web后flutter自动执行的过程。

试试看。它应该可以工作。