Chrome拡張機能でモジュールをインポートしようとすると「Unexpected identifier」と表示される

Question

いくつかのバックグラウンドスクリプトを使用するChrome拡張機能を開発しています。私は最近、Googleがそれらのネイティブサポートを追加して以来、モジュールを利用することは面白いと思った。

しかし、モジュールをインポートしようとしているときに「Uncaught SyntaxError：Unexpected identifier」エラーが表示されます。エラーは、インポートが書き込まれたコード行を指します。ここでは例です：main.jsで

：

test.jsで

import test from './test.js'; 

：

export default function test() { 
    console.log('this is a test.'); 
} 

私は他のさまざまな形式を試してみたが、それらのどれも機能しません。興味深いことに、Chromeの最新のimport（ 'file.js'）関数は正常に機能します。しかし、私は約束を使わずにモジュールをインポートする方法を探しています。

私は何か間違っているのですか、それともChrome拡張機能でモジュールを使用することになっていませんか？

ありがとうございます。

Answer 1

test.jsでは、関数名を削除するだけです。これは、デフォルトのエクスポートの場合に必要とされていません。

export default function() { 
    console.log('this is a test.'); 
} 

とmain.jsに、あなたは同じようにアクセスできます。

import test from './test.js'; 
test();