reactjs - インポートが同じように機能しない

Question

こんにちは、私のサーバーではこれが機能しています：

import api_url from '../../../../.react.config';

そして別の場合はそうではありません。代わりに、次を使用する必要があります。

import {api_url} from '../../../../.react.config';

どちらもノード 4.2.2 を使用しています

誰も理由を説明できますか？

Answer 1

最初の構文は、モジュールのデフォルトのエクスポートを使用します。

export default { };
// or in commonjs
module.exports = { };

デフォルトのエクスポートを宣言していない場合、モジュール全体のインポートは機能しません。

2 番目の構文は、モジュールが名前付きプロパティをエクスポートする場合にのみ機能する分割パターンです。

export const api_url = ' ';
// commonjs
exports.api_url = ' ';

v4.2.2 は ES6 モジュール構文をサポートしていないため、おそらくツールを使用してコードをトランスパイルしています。

• 両方のファイルのステートメントが同等の ES5 コードにトランスパイルされていることを確認します。
• モジュールのエクスポートが両方のサーバーで同じであることを確認してください。