ckeditor.js\' 不提供名为 \'default\' 的导出

【问题标题】：Uncaught SyntaxError: The requested module '/ckeditor5/build/ckeditor.js' does not provide an export named 'default'未捕获的语法错误：请求的模块 \'/ckeditor5/build/ckeditor.js\' 不提供名为 \'default\' 的导出
【发布时间】：2023-01-27 05:32:34
【问题描述】：

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

enter image description here

这是我的代码：

enter image description here

我正在使用 Vite 而不是 Webpack，这有问题吗？

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

【问题讨论】：

标签： vue.js ckeditor

【解决方案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
      plugins
      editor={ClassicEditor}
      data={data}
      onChange={(_, editor) => {
        const data = editor.getData();
        console.log(data);
      }}
    />
  );
};

export default RichText;

希望对你有帮助:)

【讨论】：