Typescript импортирует компонент React js, файл d.ts которого написан мной и произошел. Модуль не найден: не удается разрешить «xxx» в «xxx»

Я добавил файл d.ts компонента js, как показано ниже:

/// <reference types="react" />

declare namespace __ReactAvatarEditor {

interface croppingRect {
    x: number,
    y: number,
    width: number,
    height: number
}

interface point {
    x: number,
    y: number
}

export interface AvatarEditorProps {
    scale?: number,
    rotate?: number,
    image?: any,
    border?: number | [number],
    borderRadius?: number,
    width?: number,
    height?: number,
    position?: point,
    color?: number[],
    style?: object,
    crossOrigin?: string,
    onDropFile?: any,
    onLoadFailure?: any,
    onLoadSuccess?: any,
    onImageReady?: any,
    onImageChange?: any,
    onMouseUp?: any,
    onMouseMove?: any,
    onPositionChange?: any,
    disableDrop?: boolean
}
export class AvatarEditor extends React.Component<AvatarEditorProps> {
}
}

declare module "react-avatar-editor"{
    export import AvatarEditorProps = __ReactAvatarEditor.AvatarEditorProps;
    export import AvatarEditor = __ReactAvatarEditor.AvatarEditor;
}
declare module "react-avatar-editor/AvatarEditor"{
    export import AvatarEditor = __ReactAvatarEditor.AvatarEditor;
    export default AvatarEditor;
}

И используйте его:

import AvatarEditor from 'react-avatar-editor/AvatarEditor';

Конструктор Origin Code:

введите здесь описание изображения

но пока я запускаю проект, он не компилируется и показывает мне ошибку: ./src/components/DealPic.tsx Модуль не найден: не удается разрешить «react-avatar-editor/AvatarEditor» в «C:\Users\». xiaomin\Desktop\React\inter-provincial-portrait\src\components'

Машинопись v2.5.3 Реагировать v16