Reactjs ckeditor错误:ckeditor重复模块:某些ckeditor 5模块重复

Reactjs ckeditor错误:ckeditor重复模块:某些ckeditor 5模块重复,reactjs,ckeditor,ckeditor5,Reactjs,Ckeditor,Ckeditor5,获取ckeditor 5重复模块错误。任何人都可以帮助我。 提前感谢。这是因为您正在导入带有构建的插件! 为了添加插件,您必须进行个人构建。请阅读此页面以了解更多信息:。 他们甚至有一个官方的在线建设者为你做所有的工作 创建编辑器后,您必须导入编辑器,就像之前在第2行中所做的那样,但不是从“@ckeditor/ckeditor5 build classic”写入,而是从“个人构建的构建文件夹的地址”写入 我希望它能帮助您。我在尝试分别添加CKEditor和插件时遇到了这个问题。 最简单的方法是转

获取ckeditor 5重复模块错误。任何人都可以帮助我。
提前感谢。

这是因为您正在导入带有构建的插件! 为了添加插件,您必须进行个人构建。请阅读此页面以了解更多信息:。 他们甚至有一个官方的在线建设者为你做所有的工作 创建编辑器后,您必须导入编辑器,就像之前在第2行中所做的那样,但不是从“@ckeditor/ckeditor5 build classic”写入,而是从“个人构建的构建文件夹的地址”写入


我希望它能帮助您。

我在尝试分别添加CKEditor和插件时遇到了这个问题。 最简单的方法是转到并选择您需要的插件和工具栏项,然后在五个步骤后生成您需要使用的代码

然后,您可以在build文件夹中使用名为ckeditor.js的文件,这几乎就是您所需要的全部

1-添加CKEditorModule

import CKEditor from '@ckeditor/ckeditor5-react';
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
import Base64UploadAdapter from '@ckeditor/ckeditor5-upload/src/adapters/base64uploadadapter';
2-将CKEditor标记添加到模板中

@NgModule({
  imports: [CKEditorModule],
...
}
4-在组件中创建属性

<ckeditor
   [editor]="Editor"
   [(ngModel)]="notification.body"
   (ready)="onReady($event)"
   [config]="config"
></ckeditor>
import * as customEditor from './ckeditor';
5-添加您的配置

 public Editor = customEditor;

就是这样:)

注意:我们不再使用@ckeditor/ckeditor5 build classic了

错误
从“@ckeditor/ckeditor5 build classic”导入ClassicEditor

正确
从'@ckeditor/ckeditor5 editor classic/src/ClassicEditor'导入ClassicEditor'

我也有类似的问题。当我安装了一个版本的所有模块时,我解决了这个问题。

当我导航到我的本地路径时,我得到了“在imagecaption.js中找不到模块错误”和如此多的错误,你有什么解决方案吗?我也遇到了同样的问题。有人在Vue中使用吗?我得到错误无效的道具:道具“编辑器”的类型检查失败。期望的函数,得到了Modulegood知道!谢谢
 ngOnInit() {
   
    this.config = {
      toolbar: {
        items: [
          'heading',
          '|',
          'fontSize',
          'fontFamily',
          '|',
          'bold',
          'italic',
          'underline',
          'strikethrough',
          'highlight',
          '|',
          'alignment',
          '|',
          'numberedList',
          'bulletedList',
          '|',
          'indent',
          'outdent',
          '|',
          'todoList',
          'link',
          'blockQuote',
          'imageUpload',
          'insertTable',
          '|',
          'undo',
          'redo'
        ]
      },
      language: 'en',
      image: {
        toolbar: [
          'imageTextAlternative',
          'imageStyle:full',
          'imageStyle:side'
        ]
      },
      table: {
        contentToolbar: [
          'tableColumn',
          'tableRow',
          'mergeTableCells'
        ]
      },
      licenseKey: '',
      wordCount: {
        onUpdate: stats => {
          this.charactersLength = stats.characters
        }
      }
    }
  }