使用后缀（？raw、？url 等）时出现打字稿错误

Question

当我尝试导入带有后缀 (?component) 的 SVG 时，我的 vite 项目中出现打字稿错误。如何配置打字稿以忽略这些后缀？

TS2307: Cannot find module './desktop-mark.svg?component' or its corresponding type declarations.

import DesktopLogoMark from './desktop-mark.svg?component';

Answer 1

您需要添加模块声明：https://www.typescriptlang.org/docs/handbook/modules.html#wildcard-module-declarations

例如在declarations.d.ts：

declare module "*?raw"
{
    const content: string;
    export default content;
}