mariohmol / ang-jsoneditor

Angular Jsoneditor that works with angular 4 to angular 15
https://stackblitz.com/edit/angular-json-editor
MIT License
156 stars 89 forks source link

Failure to compile #137

Open sweeneki opened 8 months ago

sweeneki commented 8 months ago

Describe the bug Failure to compile. Message:

Error: node_modules/ang-jsoneditor/jsoneditor/jsoneditor.component.d.ts:57:87 - error TS2344: Type '{ options: { alias: "options"; required: false; }; debug: { alias: "debug"; required: false; }; data: { alias: "data"; required: false; }; }' does not satisfy the constraint '{ [key: string]: string; }'. Property '"options"' is incompatible with index signature. Type '{ alias: "options"; required: false; }' is not assignable to type 'string'.

57 static ɵcmp: i0.ɵɵComponentDeclaration<JsonEditorComponent, "json-editor", never, { "options": { "alias": "options"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "change": "change"; "jsonChange": "jsonChange"; }, never, never, false, never>;

To Reproduce Serve application after installation.

To Fix Changed the last line in the jsoneditor.component.d.ts file to: static ɵcmp: i0.ɵɵComponentDeclaration<JsonEditorComponent, "json-editor", never, { "options": "options" ; "debug": "debug" ; "data": "data" }, { "change": "change"; "jsonChange": "jsonChange"; }, never, never, false, never>; }

Expected behavior No errors

Console and Error stack trace If applicable, add screenshots to help explain your problem. Use debug mode to see in your console the data and options passed to jsoneditor. Copy this and paste in your issue when reporting bugs. Copy the stacktrace as well!

Error: src/app/admin/vertex-json/vertex-json.component.html:30:5 - error NG8002: Can't bind to 'options' since it isn't a known property of 'json-editor'

Additional context Matched all configurations to the working StackBlitz, but didn't work.