search

kristerkari / react-native-svg-transformer

Import SVG files in your React Native project the same way that you would in a Web application.
MIT License
1.59k stars 115 forks source link

Expected closing tag </head> to match opening tag <link> #173

Closed a7medev closed 2 years ago

a7medev commented 2 years ago

I get this error: ERROR [Error: Expected closing tag </head> to match opening tag <link> (51:38).

and the SVG file doesn't really have any <head> or <link> tags.

Here it is

<svg xmlns="http://www.w3.org/2000/svg" width="94.462" height="56.758" viewBox="0 0 94.462 56.758">
  <g id="Artboard_1_copy_4" data-name="Artboard 1 copy 4" transform="translate(-170.96 -144.189)">
    <path id="Path_1821" data-name="Path 1821" d="M294.215,199.4a24.006,24.006,0,1,1,23.147-23.993" transform="translate(-56.301 -2.83)" fill="none" stroke="#b8b8b8" stroke-linecap="round" stroke-linejoin="round" stroke-width="8.72"/>
    <rect id="Rectangle_1778" data-name="Rectangle 1778" width="9.904" height="27.08" rx="4.952" transform="translate(263.574 192.099) rotate(135)" fill="#b8b8b8"/>
    <rect id="Rectangle_1779" data-name="Rectangle 1779" width="24.111" height="5.292" rx="2.646" transform="translate(204.17 148.543)" fill="#b8b8b8"/>
    <rect id="Rectangle_1780" data-name="Rectangle 1780" width="45.111" height="5.292" rx="2.646" transform="translate(170.96 158.714)" fill="#b8b8b8"/>
    <rect id="Rectangle_1781" data-name="Rectangle 1781" width="22.111" height="5.292" rx="2.646" transform="translate(191.925 169.293)" fill="#b8b8b8"/>
    <rect id="Rectangle_1782" data-name="Rectangle 1782" width="42.111" height="5.292" rx="2.646" transform="translate(175.181 179.872)" fill="#b8b8b8"/>
    <rect id="Rectangle_1783" data-name="Rectangle 1783" width="36.2" height="5.292" rx="2.646" transform="translate(189.637 190.451)" fill="#b8b8b8"/>
    <rect id="Rectangle_1784" data-name="Rectangle 1784" width="5.696" height="5.292" rx="2.646" transform="translate(179.023 190.451)" fill="#b8b8b8"/>
    <rect id="Rectangle_1785" data-name="Rectangle 1785" width="7.731" height="5.292" rx="2.646" transform="translate(189.742 148.543)" fill="#b8b8b8"/>
    <rect id="Rectangle_1786" data-name="Rectangle 1786" width="8.392" height="5.292" rx="2.646" transform="translate(172.21 169.702)" fill="#b8b8b8"/>
    <rect id="Rectangle_1787" data-name="Rectangle 1787" width="30.925" height="4.883" rx="2.442" transform="translate(187.181 153.831)" fill="#fff"/>
    <rect id="Rectangle_1788" data-name="Rectangle 1788" width="32.96" height="5.292" rx="2.646" transform="translate(181.076 164.001)" fill="#fff"/>
    <rect id="Rectangle_1789" data-name="Rectangle 1789" width="32.96" height="5.292" rx="2.646" transform="translate(179.45 174.58)" fill="#fff"/>
    <rect id="Rectangle_1790" data-name="Rectangle 1790" width="32.96" height="5.292" rx="2.646" transform="translate(184.742 185.164)" fill="#fff"/>
    <path id="Path_1822" data-name="Path 1822" d="M283.57,148.571a18.8,18.8,0,0,0,7.478-2.063c4.065-2.035-4.883,5.7-4.883,5.7Z" transform="translate(-63.989 0)" fill="#b8b8b8"/>
  </g>
</svg>
a7medev commented 2 years ago

The problem wasn't related to your package although the stacktrace says so, it was an issue with rn svg's SvgUri