반응형
ESM(ECMAScript) 모듈을 사용하기 위한 문법이 제대로 작성되어있지 않을 때 나는 에러.
확인해볼 것
1. package.json의 가장 바깥쪽 module.exports={} 안에
"type": "module"
있는 지 확인.
2. 전체 npm 을 module화 하지 않는다면 .js 파일 확장자가 .mjs인지 확인 (js 파일 하나만 모듈화)
3. import export 구문이 잘 되어있는 지 확인. 예를 들면
import { add } from '../src/component/functions.js';
이렇게 써야하는데
import { add } from '../src/component/functions';
이렇게 불러오는 모듈의 확장자가 없거나
import add from '../src/component/functions.js';
이렇게 export default가 아닌 모듈 안의 함수가 {} 안에 들어있지 않은 경우 문제가 생긴다.
반응형
'Errors_Tips' 카테고리의 다른 글
[Webpack Error] Cannot find module 'webpack-cli/bin/config-yargs' (0) | 2021.07.18 |
---|---|
[Python Error] ValueError: invalid literal for int() with base 10: ' ' (0) | 2021.07.18 |
[python error] ValueError: min() arg is an empty sequence (0) | 2021.07.16 |
JavaScript 자바스크립트 형변환 - Int, String 바꾸기 (0) | 2021.07.14 |
[vscode] python 설치하기 (0) | 2021.07.13 |
댓글