[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: |
|
||||||||||||||||
| 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.
⠋ 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 {
~~~~~~~~~~~~
|