如何将 FabricJs 与 TypeScript 一起使用？答案

【问题标题】：How can I use FabricJs with TypeScript?如何将 FabricJs 与 TypeScript 一起使用？
【发布时间】：2019-03-19 09:52:40
【问题描述】：

我是 JS 新手，想旋转、更改画布上的图像比例以及使用 Fabric.js 在 TypeScript 中编码。由于导入到 typescript 与 JavaScript 不同，所以想知道如何将其导入到 TypeScript。任何链接？

我像 npm 一样安装它

安装 --save @types/fabric

import {fabric} from 'fabric';

并且在将 grunt 文件发送到 js 后显示错误：

MacBook-Pro:someName mmmr$ grunt
(node:3965) ExperimentalWarning: The http2 module is an experimental API.
Running "typescript:test" (typescript) task
> src/someName.ts(20,26): error TS1147: Import declarations in a namespace cannot reference a module.
> src/someName.ts(20,26): error TS2307: Cannot find module 'fabric'.
> src/import.ts(1,1): error TS1148: Cannot compile modules unless the '--module' flag is provided.
> src/import.ts(1,24): error TS2307: Cannot find module 'fabric'.
Warning: Task "typescript:test" failed. Use --force to continue.
Aborted due to warnings.

有解决这个问题的办法吗？

【问题讨论】：

你自己安装了fabric吗？ npm install --save fabric
@Wernerson 是的，我将它安装到项目文件夹中。 + fabric@2.4.2-b 更新了 1 个包并在 17.965 秒内审核了 15522 个包这是我安装后得到的

标签： typescript canvas fabricjs

【解决方案1】：

基于the test file，看起来预期的导入是：

import { fabric } from "fabric";

【讨论】：

我尝试在模块 someName{} 之前添加导入，例如 import { fabric } from "fabric";模块 someName { } 但添加导入后，模块名称变得不可读
对不起，我不明白这两个评论。你能给出你得到的确切错误信息吗？
src/import.ts(1,1)：错误 TS1148：除非提供了“--module”标志，否则无法编译模块。 src/import.ts(1,24): 错误 TS2307: 找不到模块'fabric'。
如果您成功运行了npm install --save @types/fabric，那么您应该不会收到错误Cannot find module 'fabric'。尝试将--traceResolution 选项添加到tsc 以获取更多信息，或者如果您无法弄清楚，请发布您项目的存储库，我会看看。正如另一条错误消息所说，如果要使用外部模块，则必须将模块输出格式指定为 TypeScript。如果您不想使用外部模块，则删除导入并仅使用 fabric UMD 全局；编译器应该从@types/fabric 获取声明。
我尝试手动导入fabric库，但是当我尝试grunt fabric ts时，出现一些错误，例如：> lib/fabric-impl.d.ts(2757,48): error TS1005: ';'预期的。并在不同的行数次

【解决方案2】：

使用 npm 安装：-

npm install fabric --save
npm i --save-dev @types/fabric

现在导入：-

import { fabric } from "fabric";

【讨论】：