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.