canvas - ฉันจะใช้ FabricJs กับ TypeScript ได้อย่างไร?

ฉันใหม่กับ JS และต้องการหมุน เปลี่ยนสเกลของภาพบนแคนวาส และเขียนโค้ดใน TypeScript โดยใช้ Fabric.js เนื่องจากการนำเข้าใน 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.

มีวิธีแก้ปัญหานี้ไหม?

คำตอบ #1

ติดตั้งโดยใช้ npm :-

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

ตอนนี้นำเข้า :-

import { fabric } from "fabric";

คำตอบ #2

จากไฟล์ทดสอบ ดูเหมือนว่าการนำเข้าที่คาดหวังคือ:

import { fabric } from "fabric";