Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/c/60.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular SVG文件未在应用程序引擎上正确加载_Angular_Google App Engine - Fatal编程技术网

Angular SVG文件未在应用程序引擎上正确加载

Angular SVG文件未在应用程序引擎上正确加载,angular,google-app-engine,Angular,Google App Engine,我在AppEngine中部署了一个angular应用程序。我有一些图像资源加载到应用程序的特定页面上。当我使用live server在本地提供服务时,它工作得非常好 实时服务器--端口=8080--条目文件=./index.html 然而,当我在appengine中部署时,我的一个svg文件不会加载到页面上,尽管当我尝试检查元素时,它在那里,但颜色是不可见的 这是我的(app.yaml)文件: 以下是svg文件(star rating.icons.svg): 有一些可能的解决方案。在大多

我在AppEngine中部署了一个angular应用程序。我有一些图像资源加载到应用程序的特定页面上。当我使用
live server
在本地提供服务时,它工作得非常好

实时服务器--端口=8080--条目文件=./index.html

然而,当我在appengine中部署时,我的一个svg文件不会加载到页面上,尽管当我尝试检查元素时,它在那里,但颜色是不可见的

这是我的(app.yaml)文件:

以下是svg文件(star rating.icons.svg):



有一些可能的解决方案。在大多数情况下,它与
app.yaml
文件中的配置有关-例如,它可能与
app.yaml
文件中读取的Mime类型有关。考虑到这一点,我建议您看看社区中关于如何在网页中加载图像(SVG)的以下帖子,那里也有类似的案例

除此之外,还有来自社区的其他帖子——可能会对您有所帮助,提供了一个使用标签
的解决方案,我建议您也去看看

我发现这篇文章展示了如何从头开始使用SVG,以防您还想看看:


如果这些信息对你有帮助,请告诉我

有一些可能的解决方案。在大多数情况下,它与
app.yaml
文件中的配置有关-例如,它可能与
app.yaml
文件中读取的Mime类型有关。考虑到这一点,我建议您看看社区中关于如何在网页中加载图像(SVG)的以下帖子,那里也有类似的案例

除此之外,还有来自社区的其他帖子——可能会对您有所帮助,提供了一个使用标签
的解决方案,我建议您也去看看

我发现这篇文章展示了如何从头开始使用SVG,以防您还想看看:


如果这些信息对你有帮助,请告诉我

这解决了我的问题。我专门为svg文件类型添加了http头。非常感谢大家嗨@str028太好了!请考虑接受我的回答,因为它解决了你的问题!这解决了我的问题。我专门为svg文件类型添加了http头。非常感谢大家嗨@str028太好了!请考虑接受我的回答,因为它解决了你的问题!
runtime: python27
threadsafe: true
api_version: 1

handlers:
- url: /(.*\.(gif|png|jpeg|jpg|css|js|ico|svg))$
  static_files: knowledge-space/\1
  upload: knowledge-space/(.*)

- url: /(.*)
  static_files: knowledge-space/index.html
  upload: knowledge-space/index.html
    <symbol id="star-empty" viewBox="0 0 34 32">
        <path class="path-star-empty"
              d="M33.412 12.395l-11.842-1.021-4.628-10.904-4.628 10.92-11.842 1.005 8.993 7.791-2.701 11.579 10.179-6.144 10.179 6.144-2.685-11.579 8.976-7.791zM16.941 22.541l-6.193 3.739 1.647-7.049-5.468-4.744 7.214-0.626 2.8-6.638 2.816 6.654 7.214 0.626-5.468 4.744 1.647 7.049-6.209-3.755z"/>
    </symbol>

    <symbol id="star-half" viewBox="0 0 34 32">
        <path class="path-star-half"
              d="M 33.412,12.395 21.57,11.374 16.942,0.47 12.314,11.39 0.472,12.395 9.465,20.186 6.764,31.765 16.943,25.621 27.122,31.765 24.437,20.186 33.413,12.395 Z M 16.941,22.541 c 0,0 -0.297971,-14.6455833 0,-15.318 l 2.816,6.654 7.214,0.626 -5.468,4.744 1.647,7.049 z"/>
        </symbol>

    <symbol id="star-filled" viewBox="0 0 34 32">
        <path class="path-star-filled"
              d="M16.941 25.621l10.179 6.144-2.701-11.579 8.993-7.791-11.842-1.005-4.628-10.92-4.628 10.92-11.842 1.005 8.993 7.791-2.701 11.579z"/>
    </symbol>

</defs>