SVG linearGradient渐变在firefox中对我不起作用
我在React.Component中使用SVG，因此我已将SVG转换为jsx
第一个问题是转换器杀死了骆驼案例＆＃34; linearGradient＆＃34;所以我解决了这个问题。
现在渐变适用于所有浏览器，但不适用于safari
以下是示例：https://jsfiddle.net/69z2wepo/61525/
我在stackoverflow中看到了类似的主题，但它对我没有帮助。
有谁知道我做错了什么？如何应对？
更新
我找到了这个问题的解决方案（解决方法），但我仍然不明白为什么会出现这个缺陷。
如果我将svg的样式直接放在头部样式中：
...
<head>
<style>
svg styles
</style>
</head>
...一切都运转良好。但是，如果我将这些样式放入separete .scss文件中。由webpack-loader加载的linearGradient停止工作。