\\\"모듈\\\"을 추가하여 속성을 스크립트 요소에 추가하면 브라우저가 스크립트를 모듈로 해석하여 가져오기 선언을 로드하고 실행할 수 있도록 지시합니다.

브라우저 호환성

가져오기 내보내기 선언은 다음 브라우저 버전(이상)에서 지원됩니다.

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

","image":"http://www.luping.net/uploads/20241110/1731237847673097d7cc834.jpg","datePublished":"2024-11-10T20:06:53+08:00","dateModified":"2024-11-10T20:06:53+08:00","author":{"@type":"Person","name":"luping.net","url":"https://www.luping.net/articlelist/0_1.html"}}
"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > \"type=\'module\'\" 속성 없이 Firefox의 최상위 수준에서 ES2015 가져오기 선언이 허용되지 않는 이유는 무엇입니까?

\"type=\'module\'\" 속성 없이 Firefox의 최상위 수준에서 ES2015 가져오기 선언이 허용되지 않는 이유는 무엇입니까?

2024년 11월 10일에 게시됨
검색:180

Why Are ES2015 Import Declarations Disallowed at the Top Level in Firefox Without the \

Firefox의 최상위 수준에서 ES2015 가져오기 선언: 오류 이해

Firefox에서 ES2015 가져오기 선언을 사용할 때 오류가 발생할 수 있습니다. 모듈의 최상위 수준에서는 허용되지 않습니다. import 문이 파일 상단에 배치될 것으로 예상하기 때문에 이는 혼란스러울 수 있습니다.

문제의 근본 원인은 브라우저 지원에 있습니다.

오류 메시지에 따르면 가져오기 선언에는 모듈 내 배치에 대한 특정 요구 사항이 있습니다. Firefox에서는 이러한 선언이 반드시 type="module" 속성을 명시적으로 지정하는 스크립트 요소 내에 포함되어야 합니다. 다음은 올바르게 수행하는 방법의 예입니다.

"모듈"을 추가하여 속성을 스크립트 요소에 추가하면 브라우저가 스크립트를 모듈로 해석하여 가져오기 선언을 로드하고 실행할 수 있도록 지시합니다.

브라우저 호환성

가져오기 내보내기 선언은 다음 브라우저 버전(이상)에서 지원됩니다.

  • Firefox 60
  • Chrome(데스크톱) 65
  • Chrome(android) 66
  • Safari 1.1

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

  • Chrome Canary 60: 실험적인 웹 플랫폼 플래그
  • Firefox 54: about:config의 dom.moduleScripts.enabled 설정
  • Edge 15: about:flags의 실험적 JavaScript 기능 설정
릴리스 선언문 이 글은 1729594995에서 재인쇄되었습니다. 침해 내용이 있는 경우, [email protected]으로 연락하여 삭제하시기 바랍니다.
최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3