일부 JavaScript 코드를 리팩토링해야하고 기본 가져 오기/내보내기 명령을 사용하여 ES6 모듈을 구현하려고합니다. 나는이 작업을하기 위해 잠시 고생했다. 그래서 나는 나중에 참조 할 때 필요한 것을 문서화 할 것이다. 테스트를 위해네이티브 ES6 모듈을 구현하는 "예기치 않은 토큰 가져 오기"
Uncaught SyntaxError: Unexpected token import
내 기본 코드는 다음과 같습니다 :
HTML :
<!DOCTYPE html>
<html>
<body>
<h1>Import test</h1>
</body>
<script type="application/javascript" src="./import.js"></script>
</html>
import.js :
증상 내가 크롬 콘솔에서 다음과 같은 메시지가 나타날 것입니다
import { apath } from './alert_path';
alert_path.js :
export function apath() {
alert('Bang!!!');
}
예, ES6 모듈의 지원은 매우 낮습니다. system.js, -> https://github.com/systemjs/systemjs와 같은 것을 사용하여 polyfill 할 수 있습니다. – Keith