Highcharts: `import`を使用して` moment.js`をモジュールとしてロードします

同じ問題がありますが、提案された回避策は私にはうまくいきません。
コンパイル時にエラーメッセージが表示されます。
apps/frontend/src/app/solar-data/cell-power-graph/cell-power-graph.component.ts(8,8): error TS2339: Property 'moment' does not exist on type 'Window'.

次のように設定されました。

import { Component, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';

import * as Highcharts from 'highcharts';
import ExportingModule from 'highcharts/modules/exporting';
import * as Moment from 'moment';
import * as mTZ from 'moment-timezone';

window.moment = Moment;
mTZ();

@mfechner
このエラーはビルドJavaScriptには影響しません-設定によってTSエラーでのビルドが防止されない限り。 私の解決策は単なる回避策なので、 windowをanyキャストするか、他の方法を使用してこのエラーを抑制することで、このTSエラーを無視できます。

(window as any).moment = Moment;

または、 Windowインターフェイスを拡張して、 moment定義を追加することもできます。これは、このタイプのエラーの適切な解決策です。

このヒントをどうもありがとう、次のスニピットは私にとってうまくいきました：

import { Component, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';

import * as Highcharts from 'highcharts';
import ExportingModule from 'highcharts/modules/exporting';
import * as Moment from 'moment';
import * as mTZ from 'moment-timezone';

declare global {
  interface Window {
    moment: any;
  }
}
window.moment = Moment;
mTZ();

ExportingModule(Highcharts);
Highcharts.setOptions({
  title: {
...

@Component({
...
})
export class CellPowerGraphComponent implements OnInit, OnDestroy {
...