从 dygraphs 导入 Dygraph 不起作用

Question

我正在尝试在 Angular CLI 7 中使用 dygraphs，但无法导入。我首先使用 npm install --save dygraphs 安装它，在我的导入中我写了 import { Dygraph } from 'dygraphs';，但 TSLint 中的错误仍然显示 File '/home/[...]/node_modules/@types/dygraphs/index.d.ts' is not a module.ts(2306).

chart.js 导入出现相同的错误消息，但在这里，它工作正常。所有图表均正确显示。

此外，编译器显示 error TS2305: Module '"dygraphs"' has no exported member 'Dygraph'.，这意味着模块可以正常导入但找不到成员？

在 Web 控制台中，错误消息是 RROR Error: Uncaught (in promise): TypeError: dygraphs__WEBPACK_IMPORTED_MODULE_6__.Dygraph is not a constructor。我正在尝试创建这样的图表：

private config = [
    [1, 2, 3],
    [4, 5, 6],
];
g = new Dygraph(document.getElementById("div_g"), this.config,
    {
        drawPoints: true,
        showRoller: true,
        valueRange: [0.0, 1.2],
        labels: ['Time', 'Random']
    });

谢谢你帮我。

Answer 1

您的导入不正确：

import { Dygraph } from 'dygraphs';

应该是

import Dygraph from 'dygraphs';

有关解释，请查看此。

从 dygraphs 导入 Dygraph 不起作用

Importing Dygraph from dygraphs not working

dygraphs

typescript

angular