我正在使用 StencilJS 在 SVG 中创建图表。
我有一个 TypeScript 函数，它确定 SVG 中应该包含哪些 SVG 元素，在这些元素上设置适当的参数，然后返回 JSX。
当 JSX 在屏幕上呈现时，有几个元素没有显示。
奇怪的是，如果我打开控制台并检查元素，我可以看到它们都在那里。
如果我完整地复制 SVG 元素，并将其粘贴到另一个上下文中 - 我可以看到所有元素，如我所料。
所以，我知道返回的 JSX 和 DOM 中的元素都“存在”——只是由于某种原因，它们没有显示出来。
在下面的第一个屏幕截图中 - 您可以看到一个可见的元素。
在第二个屏幕截图中 - 你可以看到我突出显示了另一个也在 DOM 中但不可见的元素。
您可以看到没有明显的区别（例如，一个人的样式没有不同）。只是浏览器似乎没有将其识别为 DOM 元素。
就好像 Stencil 从 JSX 中获取一些元素并将它们插入到 DOM 中，而不是其他的。任何地方都不会显示任何错误。
知道为什么会这样吗？
屏幕截图 1 - 可见元素：
屏幕截图 2 - “缺失”元素：
