Aurelia无法导入chart.js TypeScript

Question

我用的是打字稿和奥雷利亚/奥雷利亚-克莱。我安装了chart.js并将它添加到我的aurelia.json文件中：

"dependencies": [
      ...
      {
        "name": "chartjs",
        "path": "../node_modules/chart.js/dist",
        "main": "Chart"
      },
]

我还做过打字：

typings install dt~chart.js --global --save

现在我正在尝试将它导入到我的组件中

import * as Chart from 'chartjs'

但我知道错误是：

Cannot find module 'chartjs'.

我也试过：

... from 'chart'
... from 'Chart'
... from 'Chart.js'
... from 'chartjs'
import * as chart ...
import * as chartjs ...

Answer 1

我能够通过更改导入和aurelia.json文件来使其工作。

aurelia.json

{
    "name": "chartjs",
    "path": "../node_modules/chart.js/dist/Chart.min"
},

进口语句

import 'chartjs';

Answer 2

你试过声明一个空模块吗？例如，在像index.d.ts这样的声明文件中添加：

declare module "chart.js";

我发现这是导入第三方图书馆的一个很好的起点。更多信息可以在这里找到：https://www.typescriptlang.org/docs/handbook/modules.html#working-with-other-javascript-libraries

如果没有错误，并且可以使用普通的js chart.js函数，这意味着库已经包含，但类型没有。

此外，如果您使用的是类型记录2.0，我认为您应该安装以下类型：

npm install --save @types/chartjs

Answer 3

我知道Chart.js和Aurelia一起工作，因为我们在我们的演示应用程序中使用它作为工作坊。在这个演示应用程序中，它是像这样导入的：import Chart from 'chartjs';，但那是ES2015，而不是TypeScript。

而且，在aurelia.json中，配置应该如下所示

      {
        "name": "chartjs",
        "path": "../node_modules/chart.js/Chart.min",
        "exports": "Chart"
      }