相关疑难解决方法(0)

Firebase、Flutter Web App 可在本地运行,但未显示部署的图像

我有一个 Flutter Web 应用程序,它在本地运行良好,但在使用部署后

firebase deploy
Run Code Online (Sandbox Code Playgroud)

图像未显示在网站上,我检查了资产是否已通过跟踪上传,例如 my_app.firebaseapp.com/assets/assets/card.jpg。(并且图像在那里,所以它已经正确上传,但由于某种原因它没有显示在主页本身上)。

网址:https : //websitehostingtry.web.app/#/

https://websitehostingtry.web.app/assets/images/card.jpg

在本地运行相同时:

flutter run -d chrome --release
Run Code Online (Sandbox Code Playgroud)

我的 Pubspec.yaml 文件:

name: website_try
description: A new Flutter project.

version: 1.0.0+1

environment:
  sdk: ">=2.7.0 <3.0.0"

dependencies:
  flutter:
    sdk: flutter

  cupertino_icons: ^0.1.3

dev_dependencies:
  flutter_test:
    sdk: flutter

flutter:

  uses-material-design: true

  assets:
    - images/
Run Code Online (Sandbox Code Playgroud)

在我的飞镖代码中,我只是更改了默认代码以在计数器之后添加图像...

Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
            Expanded(
              child: Image.network('assets/images/card.jpg'),
            )
          ],
        ), …
Run Code Online (Sandbox Code Playgroud)

firebase firebase-hosting flutter flutter-web

14
推荐指数
2
解决办法
3294
查看次数

Flutter web:某些 png 资源未加载(404)状态

我向我的 flutter 移动项目添加了 Web 支持。项目构建良好,并且在构建时没有错误或问题。

\n

构建项目后,在构建文件夹中创建了Web 文件夹。在 Web 文件夹中我有这些文件和文件夹:

\n
$ ls\nassets  favicon.png  flutter_service_worker.js  icons  index.html  main.dart.js  manifest.json  version.json\n
Run Code Online (Sandbox Code Playgroud)\n

在assets文件夹中,又存在assets文件夹:

\n
/build/web/assets\n$ ls\nAssetManifest.json  assets  FontManifest.json  fonts  NOTICES  packages\n
Run Code Online (Sandbox Code Playgroud)\n

在这个资产里面,有项目的资产:

\n
/build/web/assets/assets\n$ ls\nfonts  images  male.svg  svgs  webfonts\n
Run Code Online (Sandbox Code Playgroud)\n

我将图像和 svgs 文件夹复制到最后一个路径中/build/web/assets。然后我通过运行以下命令将 web 文件夹添加到/usr/share/nginx/htmlnginx 容器的路径中:

\n
docker run -it --rm -d -p 8081:80 --name web -v /mnt/Project/Flutter/Projects/app_web/build/web:/usr/share/nginx/html nginx\n
Run Code Online (Sandbox Code Playgroud)\n

然后在 Chrome 中这个网址http://localhost:8081/我看到了我的页面。

\n

问题:

\n

一些png状态文件在chrome的DevTools中出现404 …

nginx docker flutter flutter-web

6
推荐指数
1
解决办法
2645
查看次数