TypeScript中导入SVG文件的错误:找不到模块或类型不正确
大家好!我是TypeScript新手,在尝试将SVG文件导入React项目时遇到了问题。\n\n我有一个图标组件:\n\n```typescript\nimport React from 'react';\nimport { ReactComponent as Logo } from './logo.svg';\n\nconst Header: React.FC = () => {\n return (\n \n \n \n );\n};\n\nexport default Header;\n```\n\n但TypeScript报错:`Cannot find module './logo.svg' or its corresponding type declarations.` 我检查过了——文件存在,路径正确。如果使用 `require('./logo.svg')`,会得到 `any` 类型,这也不理想。\n\n我的 `tsconfig.json` 是这样的:\n\n```json\n{\n \"compilerOptions\": {\n \"target\": \"ES5\",\n \"module\": \"ESNext\",\n \"strict\": true,\n \"jsx\": \"react-jsx\",\n \"moduleResolution\": \"node\",\n \"esModuleInterop\": true\n },\n \"include\": [\"src\"]\n}\n```\n\n我使用的是Create React App,但用的是TypeScript模板。其他一切正常,但SVG文件不行。