如何从名称空间导出，访问默认名称空间？[副本]

Question

我有一个关于ES6导入模块的问题。

我试图在我的Three.js代码中添加OrbitControl。由于OrbitControls是一个单独的模块，我需要在我的代码中分别导入它们，如下所示。它工作得很好。

import OrbitControls from 'three-orbitcontrols'

然而

我首先想到的是

import {OrbitControls} from 'three-orbitcontrols'

原因是，
据我所知，如果模块将某些内容导出为导出默认值，
我可以通过在“导入”代码中添加花括号来访问它们。
但是，它没有起作用，因此我假设“三个orbitcontrols”不会将“orbitcontrols”导出为默认值

然后我试着这样做

import * as Orbit from 'three-orbitcontrols'

new Orbit.OrbitControls(a,b)

然而，这也没有成功。

我误解了什么？

Answer 1

从另一个文件导入命名导出时，将使用花括号。例如，以下链接：

export const foo = 'something';

import { foo } from './somefile.js';

默认导出不使用花括号：

export default 'somethingelse';

import theSomethingElse from './someOtherFile.js';

这听起来像是OrbitControls使用默认导出，所以在导入时应该避免使用花括号。

做

import * as Orbit from 'three-orbitcontrols'

导入模块作为命名空间导出的所有内容，命名空间本质上是一个对象。要从命名空间访问默认导出，请访问其中的默认属性：

import * as Orbit from 'three-orbitcontrols'

new Orbit.default(a,b)

（或者只使用原始版本：从“三个OrbitControls”导入OrbitControls）