ES2015 가져오기 선언이 최상위 수준에서도 Firefox에서 작동하지 않음
브라우저용 HTML 파일에서 ES2015 가져오기 선언을 활용하려는 사용자 Firefox 46에서 기반 JavaScript 모듈에 특이한 오류가 발생했습니다. "SyntaxError: 가져오기 선언은 모듈의 최상위 수준에만 나타날 수 있습니다."라는 오류 메시지는 가져오기 문이 스크립트 파일의 맨 처음에 배치되어 있다는 점을 고려하면 의아해 보입니다. .
Firefox의 명시적 모듈 선언 요구 사항
Firefox의 오류는 ES2015 모듈 지원이 브라우저에서 기본적으로 활성화되어 있지 않기 때문에 발생합니다. 가져오기 및 내보내기와 함께 모듈을 사용하려면 모듈을 가져오는 스크립트 태그에 "type=module" 속성을 추가하여 모듈을 사용하고 있음을 명시적으로 나타내야 합니다.
예를 들어, 질문은 다음과 같이 수정되어야 합니다:
<code class="html"><script src="t1.js" type="module"></script></code>
이 수정은 스크립트가 모듈임을 Firefox에 명확히 하여 가져오기 선언이 제대로 작동하도록 허용합니다.
ES2015 모듈에 대한 브라우저 지원
브라우저의 ES2015 모듈 지원은 여전히 비교적 새로운 기능이며 브라우저와 버전에 따라 다릅니다. 다음은 ES2015 가져오기/내보내기 기능에 대한 브라우저 지원을 요약한 표입니다.
Browser | Version | Support |
---|---|---|
Firefox | 60 | Fully supported |
Chrome (desktop) | 65 | Fully supported |
Chrome (android) | 66 | Fully supported |
Safari | 1.1 | Fully supported |
Older Browsers | Varies | May require enabling experimental flags |
이전 브라우저나 내장 모듈 지원이 없는 버전을 사용하는 경우 이를 활성화하려면 실험적 플래그를 활성화해야 할 수도 있습니다. 특징. 구체적인 플래그와 지침은 브라우저에 따라 다릅니다.
위 내용은 ES2015 가져오기 선언이 최상위 수준임에도 불구하고 Firefox에서 실패하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!