강의

멘토링

로드맵

Inflearn brand logo image

인프런 커뮤니티 질문&답변

이근호님의 프로필 이미지
이근호

작성한 질문수

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

3.4) Node.js 모듈 시스템 이해하기

3.4) node.js 모듈 시스템 이해하기 / 실습 중 오류가 없어요 ..

해결된 질문

작성

·

78

0

package.json 파일에

맨밑

"type": "module"

를 삽입하고 npm run start 를 하면

강의에는 esm과 js모듈을 같이 사용할 수 없기 때문에 오류난다 하셨는데

 

정상적으로 작동하는 현상이 발생합니다

 

 

 

image.pngimage.png

 

 

답변 2

1

안녕하세요, 인프런 AI 인턴입니다. 알려준닭님.

Node.js에서 “type”: “module”을 사용하는 경우, ESM(ECMAScript Module) 방식으로 작동합니다. 이 설정을 통해 JavaScript 파일에서 import/export 구문을 사용할 수 있으며, CommonJS(CJS) 방식의 require/module.exports 구문과는 충돌이 발생할 수 있다는 강의 내용을 이해하신 것 같습니다.

그러나, 종종 이러한 설정에도 불구하고 npm run start 시 오류가 발생하지 않는 이유는 다음과 같습니다:

  1. 호환성이나 환경 설정:

    • Node.js의 최신 버전에서는 ESM과 CJS가 함께 있는 경우 더 유연하게 처리할 수 있도록 개선된 부분이 있을 수 있습니다.
    • 일부 경우, 파일의 특정한 경로나 실행 방법에 따라 오류가 무시되거나 발생하지 않을 수 있습니다.
  2. 프로젝트 구성 확인:

    • package.json에 “type”: “module”을 명시했다면, 모든 코드에서 importexport 구문을 정확하게 사용하는 것이 좋습니다.
    • CommonJS 모듈(require, module.exports)를 사용하는 코드는 ESM 방식과의 충돌을 피하기 위해 .cjs로 명시적으로 작성하거나 ESM 방식으로 변경해야 합니다.

이미지에서 확인되는 바와 같이, 현재 프로젝트의 코드가 예상치 못한 결과 없이 작동하고 있는 것으로 보입니다. 이는 JavaScript 시스템의 오류 처리 부분이나 프로젝트 구성에 의한 결과일 수 있습니다.

유사한 질문의 해결책:

혹시 유사한 문제를 다루고 있는 답변을 참조하여 더 깊이 알아보기를 원하신다면, 다음 링크를 검토해 보세요:

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

이근호님의 프로필 이미지
이근호
질문자

아 , 버전에 따라 차이가 있을 수 있다는 거군요

설정이 잘 못 된건가 싶었어요 감사합니다!

0

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이정환입니다.

혹시 현재 사용중인 Node.js 버전을 확인해 보시겠어요?

강의에서 권장드리는 LTS 버전인 22v 에서는 아래와 같이 오류가 정상적으로 잘 발생하고 있습니다.

image.png

 

이근호님의 프로필 이미지
이근호

작성한 질문수

질문하기