ngx-tinymce的使用问题

Question

ngx-tinymce的使用

angular15 + ngx-tinymce16

"ngx-tinymce": "^16.0.0",

Error: node_modules/ngx-tinymce/tinymce.component.d.ts:49:86 - error TS2344: Type '{ config: { alias: "config"; required: false; }; placeholder: { alias: "placeho
lder"; required: false; }; inline: { alias: "inline"; required: false; }; disabled: { alias: "disabled"; required: false; }; loading: { ...; }; delay: { ...; }; }
' does not satisfy the constraint '{ [key: string]: string; }'.
  Property '"config"' is incompatible with index signature.
    Type '{ alias: "config"; required: false; }' is not assignable to type 'string'.

static ɵcmp: i0.ɵɵComponentDeclaration<TinymceComponent, "tinymce", ["tinymce"], { "config": { "alias": "config"; "required": false; }; "placeholder": { "a
lias": "placeholder"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading
": { "alias": "loading"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; }, { "ready": "ready"; }, never, ["*"], false, never>;

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

这个问题是由于ngx-tinymce的版本与Angular的版本不兼容导致的。你可以尝试降级ngx-tinymce的版本，或者升级Angular的版本。

如果你想降级ngx-tinymce的版本，可以在你的package.json文件中修改ngx-tinymce的版本号，然后运行npm install或yarn install来更新依赖。例如，将版本号改为^15.0.0：

"ngx-tinymce": "^15.0.0",

如果你想升级Angular的版本，可以将Angular的版本号升级到与ngx-tinymce兼容的版本。你可以在Angular官网查看支持的版本信息。例如，将Angular的版本号升级到^15.0.0：

"@angular/core": "^15.0.0",

在完成版本更改后，确保运行npm install或yarn install以更新依赖项。