未捕獲的語法錯誤：請求的模塊“/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;

希望對你有幫助:)