Javascript 由于填充路径相关性，svg渐变在应用程序中不起作用

我有一个带有lineargradient的SVG，当在浏览器中独立打开时，它可以正常工作。当我将其嵌入到我的单页应用程序中时，渐变不会出现

当我将svg指定为backgroundimage或img src时，它工作得很好。另外，当我修改关于我的应用程序urleg的填充url时。fill:urlgraidentId变为fill:url'pathgradientId'，工作正常

我希望svg独立于代码，并且不修改代码中的填充路径

我不想使用它作为背景图像或imgsrc以及

---

有办法解决这个问题吗？是否有一种方法可以生成SVG，从而修复此问题

停止在单页应用程序中使用标记。这起作用，但破坏了应用程序URL的其余部分。。。所以我的问题仍然没有解决：如何嵌入它？你能展示你的代码吗？