SyntaxError 해결

이후경·2022년 10월 25일
0

SyntaxError: unknown: Namespace tags are not supported by default. React's JSX doesn't support namespace tags. You can turn on the 'throwIfNamespace' flag to bypass this warning.

포트폴리오 작업중 svg파일을 import하는 과정에서 위와 같은 오류가 생겼다.

벡터 이미지 다운로드 후 삽입 시 특정 태그에서만 발생하는 SyntaxError로, 해당 부분을 아래처럼 수정해주어야 한다. JSX 영역에 있으므로 SVG 태그는 camelCase로 작성되어야 한다고 한다.

sketch:type -> sketchType
xmlns:xlink -> xmlnsXlink
xlink:href -> xlinkHref

나는 이렇게 수정하지 않고 https://www.svgminify.com/ 여기에 svg파일을 수정하였다.

profile
나는야 경바

0개의 댓글