javascript - 关于导入名为 'url'的js模块

Question

这是我的代码的一部分。

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

let imageurl = URL.join(globalBaseUrl, location)

URL 是写在 url.js 上的对象，位于我的 src 文件夹中。

我知道全局范围内已经存在同名对象，但我找不到更好的名称，所以我决定保留该名称。

当我第一次编写代码时，我发现调用者文件无法正确加载URL模块。经过反复试验，我发现只有上面的代码才有效。某些 inport 语句，例如 import URL from './url' 或 import { URL } from 'url' 无法加载模块。只有 import { URL } from './url' (看来扩展名并不重要)在我的环境中有效。

我不确定这是故意的还是 webpack 的某些错误或其他什么。为什么会出现这种情况？

Answer 1

import URL from './url'

将导入默认导入。如果没有默认导入，它将无法工作。

命名导入使用第二种语法。

import { URL } from 'url'

除非您修改了 webpack 配置，否则此语法用于从名为 url 的 node_modules 获取默认导入。