Я пытаюсь импортировать изображения для использования внутри компонента React с помощью TypeScript. Я использую пакет, который я использую - Parcel (не Webpack).
Я создал файл .d.ts
внутри проекта с расширением файла изображения и включил его внутри tsconfig.json
. Однако, когда я пытаюсь импортировать изображение, TS кричит на меня о Cannot find module
.
Моя структура проекта:
+ src
+ assets
- image.jpg
+ components
- Box.tsx
- App.tsx
- index.d.ts
- index.html
- index.tsx
- tsconfig.json
- tslint.json
Я попытался импортировать изображение в App.tsx
как это. VS Code подчеркнуто '../assets/image.jpg'
и Cannot find module '../assets/image.jpg'
.
import * as React from 'react';
import * as img from '../assets/image.jpg';
const Box = props => {
// do things...
}
export default Box;
Обсуждения, которые я нашел в Интернете, указывают на необходимость определения файла .d.ts
, поэтому я создал этот файл index.d.ts
с этой строкой.
declare module '*.jpg';
Затем добавлен "include": ["./src/index.d.ts"]
внутри tsconfig.json
после "compilerOptions": {...}
.
Что я упустил? Как я могу исправить ошибку TS бросает?