ABOUT ME

Swift /Flutter 를 다루는 앱 개발자의 블로그 하지만 웨이트에 진심

Today
Yesterday
Total
  • [React에러]InvalidCharacterError: Failed to execute 'createElement' on 'Document': The tag name provided ('/static/media/hanwha-logo.8adf5b39.svg') is not a valid name.
    개발/react 2020. 6. 17. 10:22
    반응형

     

    
    
    import React from 'react';
    import HanwhaLogo from 'src/assets/img/hanwha-logo.svg'
    
    const MainFooter = () =>{
        return (
            <div>
                <span>POWERED BY</span>
                <HanwhaLogo/>
            </div>
        );
    }
    
    
    
    export default MainFooter;

    svg 파일 로드하여 로고를 불러오려했으나 

    다음 과 같은 에러가 발생했다.

     

    svg 를 부를 때는  React component 로 불러야한다.

    import {ReactComponent as HanwhaLogo} from 'src/assets/img/hanwha-logo.svg'
    

     

    이렇게 import 하면 정상적으로 svg 파일을 불러올수있다.

     

     

    개발자 이직 비법 보러가기

    반응형

    댓글

Designed by Tistory.