Firefox에서 모듈 가져오기: 구문 오류 해결

Firefox의 ES2015 가져오기 문제

Firefox 사용자가 ES2015 가져오기 및 내보내기 기능을 활용하려고 시도하는 동안 당황스러운 오류가 발생했습니다.

오류:

SyntaxError: import declarations may only appear at top level of a module

이 오류는 import 문을 스크립트의 최상위 수준에 배치했는데도 발생합니다. 이는 다음과 같은 질문을 제기합니다: Firefox의 가져오기/내보내기 지원이 부족합니까?

해결책:
직관과는 달리 이 오류는 모듈 선언 누락으로 인해 발생합니다. 모듈식 로딩을 활성화하려면 type="module" 속성을 추가하여 스크립트가 모듈임을 명시적으로 나타냅니다.

<code class="html"><script src="t1.js" type="module"></script></code>

이 선언을 통해 모듈 내에서 import 문을 사용할 수 있습니다.

브라우저 지원:
가져오기/내보내기는 최신 브라우저에서 완벽하게 지원됩니다.

• Firefox 60
• Chrome 65(데스크톱 및 Android)
• Safari 1.1

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

• Chrome Canary 60: "실험적 웹 플랫폼" 플래그를 활성화합니다.
• Firefox 54: about:config에서 "dom.moduleScripts.enabled" 기본 설정을 지정합니다.
• Edge 15: "실험적 JavaScript 기능" 플래그를 활성화합니다.

위 내용은 Firefox에서 모듈 가져오기: 구문 오류 해결의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!