angular - 属性 'format' 在类型 'Duration' 上不存在

Question

我正在尝试在 TypeScript 中使用“moment-duration-formation”，但是，即使它有效，webpack 仍然提示它无法在线上找到“format”方法:

return moment.duration(value, "minutes").format("...");

这是 package.json

{
  "devDependencies": {
    "@types/moment-duration-format": "^1.3.7"
  },
  "dependencies": {
    "moment": "^2.18.1",
    "moment-duration-format": "^1.3.0"
  }
}

和 tsconfig.json:

{
  "compilerOptions": {
    "typeRoots": [ "./node_modules/@types" ]
  }
}

在 (angular2) 组件中:

import * as moment from "moment";
import * as momentDurationFormat from "moment-duration-format";

...

let result: string = moment.duration(this.selectedHangarDistance * 10, "minutes").format("...")

我也试过

import "moment-duration-format";

但它不会改变任何东西:

ERROR in [at-loader] ./src/app/components/building/shop/shop.component.ts:190:81 TS2339: Property 'format' does not exist on type 'Duration'.

Answer 1

一个对我有用的解决方案:

import * as moment from "moment";
import momentDurationFormatSetup from "moment-duration-format";
momentDurationFormatSetup(moment);

* as moment显着为 import moment from "moment"通过时导致类型问题 momentDurationFormatSetup .