typescript 类型'typeof import(“*.svg”)'无法指派给类型'string'. ts(2322)

dxxyhpgq 于 2022-11-18 发布在 TypeScript

关注(0)|答案(1)|浏览(274)

下面一行在tsx文件中抛出上述错误

import MySvgImg from "images/mySvgImage.svg";

<img src={MySvgImg} alt="This line throws error" />

我在global.d.ts中处理了SVG导入

declare module "*.svg" {
  const ReactComponent: any;
  export const ReactComponent;
}

我还在我的tsconfig.json中包含了global.d.ts。

"include": ["src/**/*", "global.d.ts"],

1条答案

可以将 SVG 作为组件导入 .

import { ReactComponent as MySvgImg } from "images/mySvgImage.svg";

中的每一个
通过此导入，您可以将 SVG 图标用作普通的 React 组件

<MySvgImg />

格式
如果您收到一个新的错误消息，指出没有命名的导入，则可能需要更改 global.d.ts 。

declare module "*.svg" {
  const ReactComponent: any;
  export { ReactComponent };
}

格式