我正在为 SharePoint 开发 webpart。我使用 SharePoint 框架、TypeScript 和 ReactJS。我需要使用 svg 图像。但是当我将我的 svg 图像代码粘贴到我的 webpart 中时,出现错误并且无法构建。为了进行测试,我在创建新项目时使用了 SharePoint 生成的基本 webpart。
当我构建时,我有这样的错误:错误 - 打字稿 - src\webparts\graph\components\Graph.tsx(28,8): error TS1003: Identifier expected。
我用inkscape 创建了我的svg 并编辑了它以使用ReactJS。
你可以帮帮我吗 ?
SVG:
<svg
xmlns="http://www.w3.org/2000/svg"
version="1.1"
width="100%"
height="100%"
id="svg2">
<defs
id="defs4" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
id="layer1">
<path
d="m 560,315.21933 a 265.71429,234.28572 0 1 1 -531.428589,0 265.71429,234.28572 0 1 1 531.428589,0 z"
id="path2985"
style={{fill:#ffff00;fill-opacity:1;stroke:none}} />
</g>
</svg>
我终于找到了解决办法。我使用 svg 来响应 cli ( https://www.npmjs.com/package/svg-to-react-cli ) 将我的 svg 转换为 react 组件。然后我删除标签定义和元数据。最后,我将我的 svg 代码粘贴到我的 react 组件中。它工作正常。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句