Question

我们创建了一个Angular应用程序，其中使用了多个图标（SVG文件）。这些图标有时不会显示在我们的网页上，并且我不知道为什么会这样或如何解决。 SVG文件通常在1-3kb之间。我们正在使用Angular版本6，Angular CLI版本是7+，而我们使用的网络浏览器是Chrome。

图标通常全部加载，但有时在访问同一页面1时或某些图标可能无法加载，这似乎都是随机的。

有人知道这个问题可能是什么，更重要的是如何解决这个问题？

我们的CSS和HTML可以毫无问题地加载。

我们通过将图像加载为CSS类来使用图像，如下所示：

<!DOCTYPE html>
<html>
    <head>

        <title>Test Web App</title>

        <meta chrset="utf-8">

        <script src="lib/angular-route.js"></script>
        <script src="lib/angular.js"></script>
        <script src="lib/app.js"></script>

    </head>

    <body ng-app="myApp">
        
        <center><h1>Shopping Cart App</h1></center>
        

        <tr><td class="menu">
            <a href="#/home">Home</a>
            <a href="#/cart">Cart</a>
        </td></tr>
        <dev ng-view></dev>
    </body>
</html>

然后像这样应用它们

.icon-blue-stack-b {
    content: url('/assets/CPP-component_libary_3.6/Graphics/Icons/Blue/Stack-B_0.1.svg');
}

图片随机未加载

0 个答案: