我已经构建了一个Angular 5 review应用程序(MEAN堆栈)。我实施了angular-star-rating软件包,因此用户可以在应用程序的评论中保留星级。
当我在本地运行我的应用程序时,它运行良好。我可以看到星星没有问题!
我将我的应用程序部署到了Heroku,星星是看不见的。如果我检查了元素,然后单击星星应该在的位置,则元素会做出响应。因此,似乎星星仍在对用户活动做出反应,但又是看不见的。
我一直在寻找不同的问题,并尝试了可能出问题的地方,但是未能找到解决该问题的方法。 Heroku无法显示SVG标签吗?
我认为这与软件包的配置无关。我认为可能其中一个必须包含的xlink标签可能是一个问题,因为我注意到其他人在不包含它们的情况下会出现显示问题。但是包含了xlink标记。下面的代码:
<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="star-empty" viewBox="0 0 34 32">
<title>star-empty</title>
<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">
<title>star-half</title>
<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">
<title>star-filled</title>
<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>
</svg>
此代码位于我从自己的资产提供的svg文件中,根据实施说明的指示,位于此处:
https://www.npmjs.com/package/angular-star-rating
任何想法都值得赞赏。感谢您的关注。