.jsx 다른 클래스 import할때 jsx확장자 제거하기

취미생활/react|2018.11.29 17:46

.jsx 다른 클래스 import 할때 확장자 제거하기


import Counter from './Counter.jsx';

위에서 .jsx를 제거하면 아래와같은 에러가 난다. 


ERROR in ./MainPage.jsx
Module not found: Error: Can't resolve './Counter' in 'C:\project\demo\src\main\jsx'
 @ ./MainPage.jsx 23:0-32 50:64-71


webpack.config.js 에 아래내용 추가



module: {
        rules: [ {
            ...
            resolve: {
                extensions: [".js", ".jsx"]
            }
        }
		...
    }


이후 .jsx를 제거하면 정상적으로 출력됨.




태그 :

댓글(0)