ES6のエクスポートとインポートの問題

Question

私はES6で関数をエクスポートして、他のファイルから関数にアクセスしようとしています。 しかし、私はどのように把握することはできません。

ファイル1：（インポート）

import components from './components/components'; 
console.log(components.hej); 

ファイル2：（エクスポート）

var hej =() => { 
    console.log('HEj'); 
}; 

export var hej; 

は、なぜ私はファイル1からファイル2に宣言された関数 "HEJ" にアクセスすることはできませんか？ 私には意味がありません。

助けてください！

Answer 1

インポートの構文が機能しないように、デフォルトのエクスポートではなく名前付きのエクスポートを実行しています。

// Imports a single object by name 
import { hej } from './components/components'; 
console.log(hej); 

をまたは：：それはスタンドとしてhejをインポートするには、あなたがしなければならないと思います。また

// Imports all exported objects grouped together under the specified name 
import * as components from './components/components'; 
console.log(components.hej); 

を、エクスポートの構文は適切ではない - あなたがいないならようexport var hejは、export { hej }する必要がありますそこに新しい変数を定義すると、既存の変数を使用しています。また、関数の宣言をexport var hej =() => { ... };に変更することもできますが、これは同じ効果があります。