> 웹 프론트엔드 > JS 튜토리얼 > ES2015 가져오기 선언이 최상위 수준임에도 불구하고 Firefox에서 실패하는 이유는 무엇입니까?

ES2015 가져오기 선언이 최상위 수준임에도 불구하고 Firefox에서 실패하는 이유는 무엇입니까?

Patricia Arquette
풀어 주다: 2024-10-23 00:54:03
원래의
292명이 탐색했습니다.

Why Do ES2015 Import Declarations Fail in Firefox, Despite Being at the Top Level?

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿