reactjs - Typescript + Reactjs - 导入的 svg 不渲染

Question

我正在将一些 React 文件迁移到 .tsx 文件，但我的 svg 导入出现错误:

import logo from './logo.svg'; // [ts] cannot find module './logo.svg'

所以，我将其更改为:

const logo = require('./logo.svg') as string

修复了转译器错误。

我使用 React Bootstrap 的 Image 标签渲染它:

<Image src={logo} className="..." />

但是，该图像根本不渲染。我尝试将类型更改为asany，但没有雪茄。谁能帮我吗？

Answer 1

确保您的根文件夹中有文件images.d.ts(在tsconfig.json等旁边)，其中包含以下内容:

declare module '*.svg'
declare module '*.png'
declare module '*.jpg'