Javascriptを私は別のモジュールからではなく、実行中に機能をインポートしようとしていますエラー取得しています

Question

インポート機能の構文：

TypeError: _this.getData is not a function. 

data.js

function getData() { 
    return [ 
    { id: 1, 
     name: 'Pluto', 
     type: 'Dwarf Planet' 
    }, 
    { id: 2, 
     name: 'Neptune', 
     type: 'Planet' 
    } 
    ] 
} 
export { getData } 

worker.jsを

import getData from data.js 

this.data = this.getData() 

その後、上記のようにブラウザのエラーが表示されます。私が間違ってやっていることについてのアイデアはありますか？あなたが存在しないdefault輸出を輸入している括弧なし

import { getData } from data.js 

、あるべき

Answer 1

あなたが使用して「この」キーワード "を省略しなければなりませんgetData（） "は現在のオブジェクトに属していません。

function getData() { .... } 

export default getData; 

import getData from "data.js" 

this.data = getData(); 

Answer 2

。

Answer 3

このような名前のインポートとしてインポート変更

：このようなデフォルトのエクスポートとして

import { getData } from data.js 

またはエクスポートgetData機能を：

export default { getData }