Firebase主机托管后将不显示颤振web svg图像

Question

Svg图像在托管后不会出现。Consolos扫描显示svg文件被下载。但它并没有出现。有人能帮我吗？

我已经在html和canvaskit中构建了web应用程序，但在这两种情况下都不起作用。我只能在本地主机上看到svg图像。

我使用svg包。

我使用Firebase托管服务。

在这里输入图像描述 =>本地主机

在这里输入图像描述 =>托管

Answer 1

在我的例子中，我需要放置完整的路径名(即包含'assets/')：

SvgPicture.asset('assets/path/to/file.svg')

Answer 2

我找到了一个解决方案，可以在Firebase部署之后正确地播放当前的svg/png。

运行flutter build web后，就有问题了。相应的资产，应该移到/web目录中(在构建文件夹中，您可以在执行部署之前检查项)。但是，他们并没有搬进来。

因此，在我的示例中，我从根项目/assets中删除了所有资产(png或svg)，并将它们设置为/web/assets文件夹(mannually)！

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

只需注意pubspec.yaml文件中资产的声明。这些文件必须与web文件夹的路径匹配。

示例：

pubspec.yaml

assets:
    - assets/

使用svg图标(没有/assets)：

 myIcon.svg

试试看。应该管用的。