Блог

Главная - Вопросы по программированию - Не удается разрешить «../../слайдер/play.svg » в [TypeScript, ReactJS, tsconfig.json]

Не удается разрешить «../../слайдер/play.svg » в [TypeScript, ReactJS, tsconfig.json]

#reactjs #typescript #svg

Вопрос:

В Интернете я искал все разные решения, но я совершенно не понимаю, что в этом плохого. Почему я не могу импортировать SVG в свой компонент React?

Структура папок выглядит следующим образом

-публичные

—слайдер

—играй.svg

-src

—компоненты

—-ЛивеРадио

——Логотип.tsx

-custom.d.json

Мой jsconfig.json выглядит так:

 {
  "compilerOptions": {
    "target": "es6",
    "lib": [
      "dom",
      "dom.iterable"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx",
    "module": "esnext"
  },
  "include": [
    "/src/**/*.ts",
    "**/src/**/*.ts",
    "/src/**/*.d.ts",
    "**/*.tsx",
    "custom.d.ts",
    "**/*.svg",
  ]
} 
 declare module "*.svg" {
  import React = require('react');
  export const ReactComponent: React.FC<React.SVGProps<SVGSVGElement>>;
  const src: string;
  export default src;
}
Метки: , ,