Typescript 中的 CanvasJs

Question

我正在尝试在我的打字稿文件中使用 canvasJS。我有声明文件 - index.d.ts。对应的javascript文件是https://canvasjs.com/assets/script/canvasjs.min.js。我在我的项目中使用 require.js。不幸的是，当我运行时，网页崩溃表明 require.js 找不到相应的 index.js。如果我创建一个 index.js 并复制 https://canvasjs.com/assets/script/canvasjs.min.js 的内容。一切都会好的

我不想那样做。相反，我希望 index.d.ts 直接引用或查找 url。如何做到这一点？

Answer 1

那是因为index.d.ts只保留定义，不会导入任何库。我建议使用 npm install canvasjs 安装包，然后使用 npm install --save @types/canvasjs 添加类型。这会将 canvasjs 放入 node_modules。当您尝试使用

导入它时

import CanvasJS from 'canvasjs';

typescript 将尝试使用 those rules 解析导入库，简而言之，它将递归地尝试从导入 canvasjs 的文件开始查找 node_modules 文件夹并将任务升级到其 parent 文件夹，如果找不到。

另一种方法是将导入 https://canvasjs.com/assets/script/canvasjs.min.js 放在 html 文件的 header 中（假设您有一个）或在您的 js 代码中的某处，将输入添加到npm 使用 npm install --save @types/canvasjs 最后修改 tsconfig.json

{
   "compilerOptions": {
       "types" : ["canvasjs"]
   }
}

Typescript 中的 CanvasJs

CanvasJs in Typescript

typescript

typescript-typings

canvasjs