Как найти объявление для моего модуля машинописи / реагирования?

Question

Я очень (очень) новичок в интерфейсных технологиях, специально реагирую и набираю.

Моя проблема возникает при попытке сделать простую вещь - использовать компонент реакции https://github.com/ckeditor/ckeditor5

Итак, я пошел к примерам и нашел это:

https://github.com/ckeditor/ckeditor5-react-example/blob/master/package.json

Я пытаюсь включить ckeditor с ClassicEditor модулем

Итак, я добавил это в свой пакет. json

"@ckeditor/ckeditor5-editor-classic": "^12.0.0",
"@ckeditor/ckeditor5-essentials": "^11.0.0",
"@ckeditor/ckeditor5-paragraph": "^11.0.0",
"@ckeditor/ckeditor5-react": "^1.1.2",

и проверил реализацию здесь https://github.com/ckeditor/ckeditor5-react-example/blob/master/src/App.js

Мне нужно импортировать определение модуля для машинописного текста (я полагаю)

import CKEditor from '@ckeditor/ckeditor5-react';

// NOTE: We use editor from source (not a build)!
import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';

Итак, эта часть имеет эту странную заметку, но случается, что не работает в моем проекте (говорит, что отсутствует и не может его найти)

Есть идеи, что еще я мог бы сделать, чтобы добавить его? Я попытался удалить часть /src/classiceditor, но все еще отсутствует.

Я сделал npm install, и я вижу там классический код редактора с пакетом. json и другие ... Папка / src / classiceditor на самом деле существует node_modules с /@ckeditor/ckeditor5-editor-classic/src/classiceditor.js

Есть идеи, что мне не хватает?

Answer 1

Кажется, что @ ckeditor / ckeditor5-реагировать не предоставляет никаких типов и не набирается в DefinitiveTyped , поэтому вы не можете использовать его в машинописи так просто.

Если вы хотите чтобы использовать @ckeditor/ckeditor5-react с типами, вам придется набрать его самостоятельно.

Пример для этого:

в вашем проекте, объявить файл types/@ckeditor/ckeditor5-react/index.d.ts. В этом файле добавьте этот (очень неполный) тип:

declare module '@ckeditor/ckeditor5-react' {
    export default class Ckeditor extends React.Component {
        constructor({disabled}: {disabled?: boolean}) // this part needs to be fullfilled with your needs
    }
}

Таким образом, вы сможете использовать CKeditor в своем приложении реакции следующим образом:

export function UseCKE() {
    return <Ckeditor disabled={true}/>;
}