ES2015 Import가 Firefox에서 작동합니까?

import 문을 t1.js 파일의 최상위 수준에 배치했음에도 불구하고 다음과 같은 문제가 발생합니다. 오류: "SyntaxError: 가져오기 선언은 모듈의 최상위 수준에만 나타날 수 있습니다." 이는 Firefox가 ES2015 가져오기 기능을 완전히 지원하지 않을 수 있음을 나타냅니다.

올바른 최상위 요구 사항 이해

가져오기 문은 t1의 시작 부분에 있습니다. Node.js에서는 파일 자체가 모듈로 로드되었음을 명시적으로 나타내야 한다는 점에 유의하는 것이 중요합니다. 모듈이 아닌 파일의 상단에 import 문을 배치하는 것만으로는 충분하지 않습니다.

Firefox에서 모듈 로딩을 활성화하는 방법

문제를 해결하려면 다음이 필요합니다. 모듈임을 지정하여 스크립트 태그에 "type" 속성을 추가하려면:

브라우저 호환성

ES2015 가져오기/내보내기 기능은 현재 다음 브라우저 버전 이상에서 완벽하게 지원됩니다(최신 목록은 caniuse.com에서 확인하세요):

• Firefox 60
• Chrome(데스크톱) 65
• Chrome(Android) 66
• Safari 11

이전 브라우저에서 모듈 지원 활성화

이전 브라우저 버전의 경우 특정 플래그를 활성화해야 할 수도 있습니다.

• Chrome Canary 60: '실험적 웹 플랫폼' 플래그
• Firefox 54: "dom.moduleScripts.enabled" 설정
• Edge 15: "실험적 JavaScript 기능" 플래그