Como importar módulos ES6 no script de conteúdo para a Extensão do Chrome
NoChrome 61 foi adicionado suporte para módulos em JavaScript. No momento, estou executando o Chrome 63.
Estou tentando descobrir como usar a sintaxe de importação / exportação no script de conteúdo de extensão do Chrome para usar os módulos.
Nomanifest.json:
"content_scripts": [{
"js": [
"content.js"
],
Nomy-script.js no mesmo diretório que content.js
'use strict';
const injectFunction = () => window.alert('hello world');
export default injectFunction;
Nocontent.js
'use strict';
import injectFunction from './my-script.js';
injectFunction();
Eu recebo este erro:Untaught SyntaxError: identificador inesperado
Se eu alterar a sintaxe de importação paraimport {injectFunction} from './my-script.js';
Eu recebo este erro:SyntaxError não capturado: token inesperado {
Existe algum problema ao usar esta sintaxe no content.js na extensão do Chrome, já que no HTML você precisa usar<script type="module" src="script.js">
sintaxe, ou estou fazendo algo errado? Parece estranho que o Google ignore o suporte a extensões.