angular - Typescript, 去掉报错 Error :(54, 33) TS2686 :'fabric' 指的是一个UMD global，但是当前文件是一个模块。考虑改为添加导入

Question

所以我得到这个错误:

import {Canvas} from "fabric";

Error:(54, 33) TS2686:'fabric' refers to a UMD global, but the current file is a module. Consider adding an import instead.

我在带有 TypeScript 的 Angular 项目中使用 fabric。它正在通过 angular-cli 手动导入到项目中。

 "scripts": [
        "../node_modules/jquery/dist/jquery.min.js",
        "./libs/jquery.base64.js",
        "./store/signage_sdk.js",
        "../node_modules/fabric/dist/fabric.js",

我也在使用@types/fabric

我怎样才能消除这个错误？

发送

肖恩

Answer 1

我不确定这是否能回答您的问题，但我认为它可能会帮助您解决问题。不幸的是，我仍然没有把它写成评论的声誉，所以这里是一个“答案”。

我这周处理了同样的错误。不过我用的是 React。在我的例子中，问题是 TSLink 建议我从我的文件中删除未使用的导入，在一种情况下，导入是 React 本身。因此，即使不需要 React，我在该文件中使用的 ReactDOM 也隐含地需要它。

因此，当我使用 ReactDOM 属性时，它们会抛出与您的情况相同的错误，只是在我的情况下是“React”而不是“Fabric”。

我也使用这些模块的类型。

问候