react-editor-js 错误：“无法将类作为函数调用”

编程问答 2022-05-16

问题描述

我正在尝试使用 react-editor-js 设置编辑器。

我安装了 react-editor-js、@editorjs/editorjs 和几乎所有官方 editor.js 插件。

在我的代码中，我执行了以下操作（为简洁起见被大量截断）：

function MyComponent({ text }) {
    return (
        text && (
            <EditorJS data={JSON.parse(text)} tools={EditorJSTools} />
        )
    )
}

EditorJSTools 只是一个包含所有工具的对象。我似乎无法在任何 JSfiddle 或 CodeSandBox 中重现此问题，因此我认为这是我的环境有问题：

我使用 yarn create react-app --template=electron-builder 设置了我的应用，后来从 CRA 弹出，因为我需要将 webpack target 更改为 electronRenderer 才能使用 electron-store。

有人能发现这里的问题吗？我已经把头撞在键盘上 2 个小时了，但我似乎无法弄清楚......

解决方法

好的，我想通了。这对我来说只是一个愚蠢的错误：

不是从 EditorJS 导入 react-editor-js，而是从 @editorjs/editorjs 导入的 VSCode Autoimport...?‍♂️?‍♂️

create-react-appeditorjselectronelectronjavascriptreactjsreactjsreactjsreactjs