如何在 TypeScript 中使用 FabricJs？

Question

我是 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.

解决此问题的任何解决方案？

Answer 1

使用 npm 安装：-

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

现在导入：-

import { fabric } from "fabric";

Answer 2

根据测试文件，看起来预期的导入是：

import { fabric } from "fabric";