在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直接引用或查找网址。这个怎么做？

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文件夹，并将任务升级到其父文件夹（如果未找到）。

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

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