[MGNLFE-137] 1.1.0 not working with latest Angular Created: 19/Oct/21  Updated: 18/Nov/21  Resolved: 25/Oct/21

Status: Closed
Project: Magnolia Frontend Helpers
Component/s: None
Affects Version/s: 1.1.0
Fix Version/s: 1.1.2

Type: Bug Priority: Blocker
Reporter: Bartosz Staryga Assignee: Canh Nguyen
Resolution: Fixed Votes: 0
Labels: VN-Implementation, VN-Testing
Remaining Estimate: 0d
Time Spent: 4d 1.5h
Original Estimate: Not Specified

Issue Links:
Relates
relates to MGNLFE-148 Can not install 1.1.2 angular-editor ... Closed
causality
caused by MGNLFE-61 Support for user-defined area templates Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[X]* Doc/release notes changes? Comment present?
[X]* Downstream builds green?
[X]* Solution information and context easily available?
[X]* Tests
[X]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Bug DoR:
[X]* Steps to reproduce, expected, and actual results filled
[X]* Affected version filled
Release notes required:
Yes
Documentation update required:
Yes
Epic Link: SPA Editor
Sprint: HL & LD 40

 Description   

With latest Angular 12, 1.1.0 when running ng build is throwing errors and stopping build.
1.0.6 works ok.

⠋ Generating browser application bundles (phase: setup)...Compiling @magnolia/angular-editor : es2015 as esm2015
Error: Failed to compile entry-point @magnolia/angular-editor (`es2015` as esm2015) due to compilation errors:
node_modules/@magnolia/angular-editor/fesm2015/magnolia-angular-editor.js:345:18 - error NG1006: Cannot combine @Input decorators with query decorators

345     customView: [{ type: ContentChild, args: [TemplateRef, { static: true },] }, { type: Input }]
                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@magnolia/angular-editor/fesm2015/magnolia-angular-editor.js:652:21 - error NG6001: The class 'EditableArea' is listed in the declarations of the NgModule 'MagnoliaModule', but is not a directive, a component, or a pipe. Either remove it from the NgModule's declarations, or add an appropriate Angular decorator.

652                     EditableArea,
                        ~~~~~~~~~~~~

  node_modules/@magnolia/angular-editor/fesm2015/magnolia-angular-editor.js:237:7
    237 class EditableArea {
              ~~~~~~~~~~~~
    'EditableArea' is declared here.
node_modules/@magnolia/angular-editor/fesm2015/magnolia-angular-editor.js:237:7 - error NG6003: Appears in the NgModule.exports of MagnoliaModule, but could not be resolved to an NgModule, Component, Directive, or Pipe class.

Is it missing an Angular annotation?

237 class EditableArea {
          ~~~~~~~~~~~~


Compiling @magnolia/angular-editor : es2015 as esm2015

An error occurred during the build:
Error: Failed to compile entry-point @magnolia/angular-editor (`es2015` as esm2015) due to compilation errors:
node_modules/@magnolia/angular-editor/fesm2015/magnolia-angular-editor.js:345:18 - error NG1006: Cannot combine @Input decorators with query decorators

345     customView: [{ type: ContentChild, args: [TemplateRef, { static: true },] }, { type: Input }]
                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@magnolia/angular-editor/fesm2015/magnolia-angular-editor.js:652:21 - error NG6001: The class 'EditableArea' is listed in the declarations of the NgModule 'MagnoliaModule', but is not a directive, a component, or a pipe. Either remove it from the NgModule's declarations, or add an appropriate Angular decorator.

652                     EditableArea,
                        ~~~~~~~~~~~~

  node_modules/@magnolia/angular-editor/fesm2015/magnolia-angular-editor.js:237:7
    237 class EditableArea {
              ~~~~~~~~~~~~
    'EditableArea' is declared here.
node_modules/@magnolia/angular-editor/fesm2015/magnolia-angular-editor.js:237:7 - error NG6003: Appears in the NgModule.exports of MagnoliaModule, but could not be resolved to an NgModule, Component, Directive, or Pipe class.

Is it missing an Angular annotation?

237 class EditableArea {
          ~~~~~~~~~~~~

    at /Users/bartoszstaryga/Dev/*/magnolia-spa/node_modules/@angular/compiler-cli/ngcc/src/execution/tasks/completion.js:57:19
    at /Users/bartoszstaryga/Dev/*/magnolia-spa/node_modules/@angular/compiler-cli/ngcc/src/execution/tasks/completion.js:31:13
    at /Users/bartoszstaryga/Dev/*/magnolia-spa/node_modules/@angular/compiler-cli/ngcc/src/execution/create_compile_function.js:69:21
    at SingleProcessExecutorSync.SingleProcessorExecutorBase.doExecute (/Users/bartoszstaryga/Dev/*/magnolia-spa/node_modules/@angular/compiler-cli/ngcc/src/execution/single_process_executor.js:36:17)
    at /Users/bartoszstaryga/Dev/*/magnolia-spa/node_modules/@angular/compiler-cli/ngcc/src/execution/single_process_executor.js:57:59
    at SyncLocker.lock (/Users/bartoszstaryga/Dev/*/magnolia-spa/node_modules/@angular/compiler-cli/ngcc/src/locking/sync_locker.js:34:24)
    at SingleProcessExecutorSync.execute (/Users/bartoszstaryga/Dev/*/magnolia-spa/node_modules/@angular/compiler-cli/ngcc/src/execution/single_process_executor.js:57:27)
    at Object.mainNgcc (/Users/bartoszstaryga/Dev/*/magnolia-spa/node_modules/@angular/compiler-cli/ngcc/src/main.js:74:25)
    at Object.process (/Users/bartoszstaryga/Dev/*/magnolia-spa/node_modules/@angular/compiler-cli/ngcc/index.js:29:23)
    at NgccProcessor.processModule (/Users/bartoszstaryga/Dev/*/magnolia-spa/node_modules/@ngtools/webpack/src/ngcc_processor.js:175:16)
An unhandled exception occurred: Failed to compile entry-point @magnolia/angular-editor (`es2015` as esm2015) due to compilation errors:
node_modules/@magnolia/angular-editor/fesm2015/magnolia-angular-editor.js:345:18 - error NG1006: Cannot combine @Input decorators with query decorators

345     customView: [{ type: ContentChild, args: [TemplateRef, { static: true },] }, { type: Input }]
                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@magnolia/angular-editor/fesm2015/magnolia-angular-editor.js:652:21 - error NG6001: The class 'EditableArea' is listed in the declarations of the NgModule 'MagnoliaModule', but is not a directive, a component, or a pipe. Either remove it from the NgModule's declarations, or add an appropriate Angular decorator.

652                     EditableArea,
                        ~~~~~~~~~~~~

  node_modules/@magnolia/angular-editor/fesm2015/magnolia-angular-editor.js:237:7
    237 class EditableArea {
              ~~~~~~~~~~~~
    'EditableArea' is declared here.
node_modules/@magnolia/angular-editor/fesm2015/magnolia-angular-editor.js:237:7 - error NG6003: Appears in the NgModule.exports of MagnoliaModule, but could not be resolved to an NgModule, Component, Directive, or Pipe class.

Is it missing an Angular annotation?

237 class EditableArea {
          ~~~~~~~~~~~~


Generated at Mon Feb 12 05:44:36 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.