twilio-flex - 如何解决“警告：无效的 DOM 属性 `fill-rule`。您的意思是 `fillRule`？” 在 Twilio Flex 上

Question

我刚刚下载了Twilio Flex 示例应用程序，添加 appConfig 并执行 npm start 后，我​​立即看到几个错误：

• 警告：无效的 DOM 属性fill-rule。你的意思是fillRule？
• 警告：无效的 DOM 属性stroke-width。你的意思是strokeWidth？
• 警告：无效的 DOM 属性stop-color。你的意思是stopColor？
• 警告：无效的 DOM 属性stop-opacity。你的意思是stopOpacity？

我该如何解决这些问题？@twilio/flex-ui 项目不在 github 上发布问题，文档也没有提到它是一个已知问题。

标签： twilio-flex

Answer 1

我通过更改 SVG 文件中的这些道具来修复它。例如，将“stroke-width”转换为“strokeWidth”或将“fill-rule”转换为“fillRule”。