Javascript 如何解决';CKEditor错误:";can';t将空值转换为对象“';错误

Javascript 如何解决';CKEditor错误:";can';t将空值转换为对象“';错误,javascript,ckeditor,ckeditor5,Javascript,Ckeditor,Ckeditor5,我已经通过npm安装了ckeditor5 npm安装--save@ckeditor/ckeditor 5 build classic 在那之后,我把编辑也包括在内。通过以下命令: 从“@ckeditor/ckeditor5 build classic”导入ClassicEditor 但当我尝试执行本手册中提供的示例代码时: ClassicEditor .create(document.querySelector('#editor')) .然后(编辑=>{ console.log(编辑器); }

我已经通过npm安装了ckeditor5

npm安装--save@ckeditor/ckeditor 5 build classic

在那之后,我把编辑也包括在内。通过以下命令:

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

但当我尝试执行本手册中提供的示例代码时:

ClassicEditor
.create(document.querySelector('#editor'))
.然后(编辑=>{
console.log(编辑器);
} )
.catch(错误=>{
控制台错误(error);
} );
我得到错误CKEditorError:“无法将null转换为对象”。当检查ClassicEditor对象时,我注意到它是一个需要通过
new ClassicEditor()
初始化的函数,属性名为builtinPlugins&defaultConfig

通过此方法创建对象时。正在创建一个新对象,该对象包含一系列属性,如_事件、击键和用户界面

因此出现了一些错误,初始化了ckeditor。我应该在哪里解决这个问题?由于我遵循了手册中描述的所有步骤,我想我需要查看我的Angularjs/WebPack配置。但是我不知道去哪里找,因为我的其他32个包都没有问题。

可能是您在created()中初始化而不是挂载

比如说

导出默认值{
名称:“ClassicEditor”,
数据(){
返回{
编辑:空,
}
},
安装的(){
this.initEditor()
},
方法:{
initEditor(){
ClassicEditor.create(document.querySelector(“#ykEditor”){
语言:“zh cn”,
}).然后(编辑=>{
const toolbarContainer=document.querySelector(“#toolbar container”);
toolbarContainer.appendChild(editor.ui.view.toolbar.element);
this.editor=editor
}).catch(e=>{
控制台日志(e)
});
},
}
}