Javascript 错误：无效的<；值；路径>；属性

我使用SVG中的路径绘制了一条二次贝塞尔曲线。我已获得所需的输出，但显示控制台错误

错误：属性d=“M 10 20 Q 15 8 15 20 Z M 15 20 Q 20 23 20 13 0 Z”的值无效

以下是我的代码片段：

<svg>
<path fill="#C4C24A" stroke-width="1" stroke="#C4C24A" opacity="1" d="M 10 20 Q 15 8 15 20 Z M 15 20 Q 20 23 20 13 0  Z" >
</path>
</svg>

有人帮我解决这个问题吗

---

谢谢你，Dharani。

你用Z关闭了你的路径两次，因此，在一个标签上添加了两条不同的路径

---

使用不同的路径标记或从d属性中删除一个Z

我已经删除了一个Z（关闭路径），但仍然得到相同的错误。还尝试了不同的路径标记，但我无法解决问题。请建议我任何其他方法来解决这个问题。你也有一个有4个参数的Q和另一个有5个参数的Q。。。检查文档中d属性的正确性