CKEditor5 with Vue Js - Duplicate Module error

Viewed 13

I've been trying setup CKEditor5 in a vue project. I have tried to integrated from source and then tried using the online builder approach but in both cases, I get the following error:

ckeditor-duplicated-modules: Some CKEditor 5 modules are duplicated. Read more: https://ckeditor.com/docs/ckeditor5/latest/framework/guides/support/error-codes.html#error-ckeditor-duplicated-modules

    at Object.<anonymous> (ckeditor5-classic-field:1:98686)
    at Object.<anonymous> (ckeditor5-classic-field:1:98796)
    at n (ckeditor5-classic-field:1:93887)
    at Module.<anonymous> (ckeditor5-classic-field:1:186726)
    at n (ckeditor5-classic-field:1:93887)
    at ckeditor5-classic-field:1:94686
    at i (ckeditor5-classic-field:1:94696)
    at Object.<anonymous> (ckeditor5-classic-field:1:664906)
    at n (ckeditor5-classic-field:1:110)
    at Object.<anonymous> (ckeditor5-classic-field:1:2528)

Online Build - as per docs:

   <template>

    <div id="app">
        <ckeditor :editor="editor" v-model="editorData" :config="editorConfig"></ckeditor>
    </div>

  </template>
  
  <script>
  import Editor from 'ckeditor5-custom-build/build/ckeditor';
  
  export default {
    name: 'app',
    data() {
              return {
                  editor: Editor,
                  editorData: '<p>Content of the editor.</p>',
                  editorConfig: {
                      // The configuration of the editor.
                  }
              };
    },
  }
  </script>

Package Json:

{
  "private": true,
  "scripts": {
    "dev": "npm run development",
    "development": "mix",
    "watch": "mix watch",
    "watch-poll": "mix watch -- --watch-options-poll=1000",
    "hot": "mix watch --hot",
    "prod": "npm run production",
    "production": "mix --production",
    "nova:install": "npm --prefix='../../vendor/laravel/nova' ci"
  },
  "devDependencies": {
    "@vue/compiler-sfc": "^3.2.22",
    "form-backend-validation": "^2.3.3",
    "laravel-mix": "^6.0.41",
    "lodash": "^4.17.21",
    "postcss": "^8.3.11",
    "vue-loader": "^16.8.3"
  },
  "dependencies": {
    "ckeditor5-custom-build": "file:ckeditor5"
  }
}

I would appreciate advice on how to resolve this issue.

I have looked through the error documentation and there doesn't seem to be any appropriate solution.

0 Answers
Related