「URL」という名前のjsモジュールのインポートについて

Question

これは私のコードの一部です。

import { URL } from './url.js' 

let imageurl = URL.join(globalBaseUrl, location) 

URL私のsrcフォルダにありますurl.jsに書かれたオブジェクトです。

グローバルスコープに同じ名前のオブジェクトが既に存在することはわかっていますが、それ以上の名前が見つからないため、名前を保持することにしました。

最初にコードを記述したとき、呼び出し元ファイルがURLモジュールを正しくロードできないことがわかりました。試行錯誤によって、私は上記のコードだけが動作することを発見しました。一部inportimport URL from './url'またはimport { URL } from 'url'のようなステートメントはモジュールをロードできませんでした。 import { URL } from './url'（拡張子は問題ではないようです）は私の環境では機能します。

私はこれが意図されているのかWebpackなどの何らかの不具合がよくわかりません。なぜこれが起こるのですか？

Answer 1

import URL from './url' 

は、デフォルトのインポートをインポートします。デフォルトのインポートがない場合、動作しません。

名前付きインポートは2番目の構文を使用します。

import { URL } from 'url' 

あなたのWebPACKの設定に手を加えてきた場合を除き、この構文は、URLの名前node_modulesからデフォルトのインポートを取得するために使用されます。