CKEditor error: Attempted import error: 'ckeditor4-react' does not contain a default export (imported as 'CKEditor')

CKEditor error: Attempted import error: 'ckeditor4-react' does not contain a default export (imported as 'CKEditor')

我正在尝试在我的 React 应用程序中使用 CKEditor。我不知道为什么会出现这个错误。

这是我导入 CKEditor 的方式:

import CKEditor from 'ckeditor4-react';

我是这样使用它的:

<CKEditor 
    onChange={evt => console.log( evt )}
/>

这是我不断收到的错误:

Attempted import error: 'ckeditor4-react' does not contain a default export (imported as 'CKEditor').

你应该写 从 'ckeditor4-react' 导入 {CKEditor}; 由于默认导出,您应该使用 {}

以防其他人遇到此问题 - 对我们来说,这是因为 ckeditor4-react < 2.0.0 没有原生 TypeScript 支持,因此我们引入了自己的 index.d.ts 类型文件。然而,升级后,我们的文件不再兼容。我们只是删除了 index.d.ts 类型文件,更新了一些道具(例如,我们使用 data 而不是 initData),之后一切正常。