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

Question

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

在此输入图像描述

这是我的代码：

在此输入图像描述

我使用 Vite 而不是 Webpack，这会产生问题吗？

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

Answer 1

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

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

只需直接导入即可：

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

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

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;