インポート順に応じて、Webpackのインポートが未定義に戻ります

Question

webpack + babelを使用しています。私は三つのモジュールはこのように見ていますmain.jsが実行されると

// A.js 

// some other imports here 
console.log('A'); 
export default 'some-const'; 

// B.js 

import someConst from './A'; 
console.log('B', someConst); 
export default 'something-else'; 

// main.js 

import someConst from './A'; 
import somethingElse from './B'; 
console.log('main', someConst); 

が、私は以下を参照してください。私が最初になるmain.js、Bに輸入を交換した場合

B undefined 
A 
main some-const 

、私が取得：

A 
B some-const 
main some-const 

どのようにB.jsが最初のバージョンのモジュールではなくundefinedになるのですか？どうしましたか？

Answer 1

問題を絞り込んだ（髪を引っ張る）のほぼ完全な勤務日の後、私は最終的に私が循環依存性を持っていることに気がついた。

// some other imports hereと記載されている場合、Aは別のモジュールCをインポートし、次にBをインポートします。 Aはmain.jsに最初にインポートされるので、Bは "サークル"の最後のリンクになり、Webpack（またはNodeのようなCommonJSのような環境）はAのmodule.exportsを返すだけで、まだundefinedです。最終的にはsome-constになりますが、Bの同期コードはundefinedの代わりになります。

円の依存関係を削除するには、CがBに依存するコードを移動して問題を解決しました。 Webpackが何とかこれについて私に警告することを願います。

編集：最後に、@ cookieで指摘されているように、there's a plugin for circular dependency detectionさんがこの問題にぶつかるのを避けるためです。