如何在反应应用程序中动态导入moment.js（使用打字稿）

Question

我正在尝试进行一些代码拆分，而 moment.js 是我想在单独的块中隔离的目标包之一。我是这样做的：

const myFn = async (currentNb) => {
   const moment = (await import('moment')).default()          
   const dateUnix: number = moment(currentNb).valueOf()
   [...]
}

但我收到以下错误：this expression is not callable. Type Moment has no call signatures。所以我想我应该做类似moment.valueOf(currentNb) 的事情，但我不太确定。有人可以对此有所了解吗？提前致谢

Answer 1

显然我的语法不正确。我终于找到了解决这个问题的方法。我需要按如下方式导入：

const {default: moment} = await import('moment')

我在 webpack 文档中找到了答案：

我们需要默认的原因是从 webpack 4 开始，当导入一个 CommonJS 模块，导入将不再解析为 module.exports，它将改为创建一个人工命名空间对象 用于 CommonJS 模块。