未捕获的语法错误：请求的模块“/ckeditor5/build/ckeditor.js”不提供名为“default”的导出

Question

我正在构建 SPA 网站，前端使用 VueJS，后端使用 Laravel。 现在我想将 CKEditor 自定义构建添加到 Vue，我在 CKEditor 文档中执行了以下步骤，但我收到此错误：

在此处输入图像描述

这是我的代码：

在此处输入图像描述

我用的是 Vite 而不是 Webpack，这有问题吗？

我想在我的 vue 应用程序中使用 CKEditor 自定义构建

Answer 1

我有同样的错误，但 ReactJS 也许它也适合你。 而不是进行经典导入：

import Editor from '../../path' 

像这样直接导入即可：

import from '../../path/'

在此之后，您可以在<Ckeditor />组件中使用ClassicEditor 。 这是对我有用的完整示例：

import { CKEditor } from '@ckeditor/ckeditor5-react';
import 'react-markdown-editor-lite/lib/index.css';
import '../../ckeditor5/build/ckeditor';

const RichText = ({ data }) => {
  return (
    <CKEditor
      editor={ClassicEditor}
      data={data}
      onChange={(_, editor) => {
        const data = editor.getData();
        console.log(data);
      }}
    />
  );
};

export default RichText;

希望对你有帮助:)