Uploaded image for project: 'Magnolia Frontend Helpers'
  1. Magnolia Frontend Helpers
  2. MGNLFE-137

1.1.0 not working with latest Angular

XMLWordPrintable

    • Yes
    • Yes
    • HL & LD 40

      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 {
                ~~~~~~~~~~~~
      
      

        Acceptance criteria

              canh.nguyen Canh Nguyen
              bstaryga Bartosz Staryga
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved:

                  Bug DoR
                  Task DoD

                    Estimated:
                    Original Estimate - Not Specified
                    Not Specified
                    Remaining:
                    Remaining Estimate - 0d
                    0d
                    Logged:
                    Time Spent - 4d 1.5h
                    4d 1.5h