찾다

 >  Q&A  >  본문

Chrome 확장: 콘텐츠 스크립트에서 ES6 모듈 가져오기

<p><strong>Chrome 61</strong>에는 JavaScript 모듈에 대한 지원이 추가되었습니다. 이제 Chrome 63을 실행하고 있습니다. </p> <p><code>import</code>/<code>export</code> 구문을 사용하여 Chrome 확장 프로그램 콘텐츠 스크립트에서 모듈을 사용하려고 합니다. </p> <p>In<strong><code>manifest.json</code></strong>:</p> <pre class="brush:php;toolbar:false;">"content_scripts": [ { "js": [ "content.js" ], } ]</pre>

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이 확장 프로그램 지원을 무시하는 것이 이상해 보입니다.

</code></p>
P粉141035089P粉141035089458일 전599

모든 응답(2)나는 대답할 것이다

  • P粉739079318

    P粉7390793182023-08-28 14:20:34

    dynamic import()< /code> 기능을 사용하세요.