Chrome 확장: 콘텐츠 스크립트에서 ES6 모듈 가져오기
my-script.js(content.js 동일한 디렉토리 사용) ): </p>
<pre class="brush:php;toolbar:false;">'엄격한 사용';
const injectFunction = () => window.alert('hello world');
기본 injectFunction;</pre> 내보내기
<p>In<strong><code>content.js</code></strong>: </p>
<pre class="brush:php;toolbar:false;">'엄격한 사용';
'./my-script.js'에서 injectFunction을 가져옵니다.
injectFunction();</pre>
<p>다음 오류가 발생합니다:<strong><code>잡히지 않은 구문 오류: 예기치 않은 식별자</code></strong></p>
<p>가져오기 구문을 './my-script.js';</code>에서 <code>import {injectFunction}으로 변경하면 다음 오류가 발생합니다. <strong><code>Uncaught SyntaxError : 예상치 못한 토큰 {</code></strong>< /p>
</p><p>Chrome 확장 프로그램의 <strong><code>content.js</code></strong>에서 이 구문을 사용하는 데 문제가 있나요? (HTML에서는 < ;코드>
<script type="module" src="script.js "></code> 구문), 아니면 제가 뭔가 잘못하고 있는 걸까요? Google이 확장 프로그램 지원을 무시하는 것이 이상해 보입니다.
