Skip to content

[ issue ] : while upgrading angular 6 to latest (v12)  #329

@bhaskarhc

Description

@bhaskarhc

Upgrading angular project version to latest facing issues .]'

bhaskarjb@Bhaskars-MacBook-Pro:~/Desktop/mayadata-io/ci-e2e-dashboard|update-angular-version⚡ 
  ng v

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   /  \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 12.1.0
Node: 14.15.0
Package Manager: npm 7.8.0
OS: darwin x64

Angular: 12.1.0
... cli, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1201.0
@angular-devkit/build-angular   12.1.0
@angular-devkit/core            12.1.0
@angular-devkit/schematics      12.1.0
@schematics/angular             12.1.0
rxjs                            6.6.7
typescript                      4.3.4
bhaskarjb@Bhaskars-MacBook-Pro:~/Desktop/mayadata-io/ci-e2e-dashboard|update-angular-version⚡ 
  ng build
 Generating browser application bundles (phase: setup)...
Compiling @ng-bootstrap/ng-bootstrap : es2015 as esm2015

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

7321     starTemplate: [{ type: Input }, { type: ContentChild, args: [TemplateRef,] }],
                                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@ng-bootstrap/ng-bootstrap/fesm2015/ng-bootstrap.js:7342:47 - error NG6001: The class 'NgbRating' is listed in the declarations of the NgModule 'NgbRatingModule', but is not a directive, a component, or a pipe. Either remove it from the NgModule's declarations, or add an appropriate Angular decorator.

7342     { type: NgModule, args: [{ declarations: [NgbRating], exports: [NgbRating], imports: [CommonModule] },] },
                                                   ~~~~~~~~~

  node_modules/@ng-bootstrap/ng-bootstrap/fesm2015/ng-bootstrap.js:7117:7
    7117 class NgbRating {
               ~~~~~~~~~
    'NgbRating' is declared here.
node_modules/@ng-bootstrap/ng-bootstrap/fesm2015/ng-bootstrap.js:7117:7 - error NG6003: Appears in the NgModule.exports of NgbRatingModule, but could not be resolved to an NgModule, Component, Directive, or Pipe class.

Is it missing an Angular annotation?

7117 class NgbRating {
           ~~~~~~~~~
node_modules/@ng-bootstrap/ng-bootstrap/fesm2015/ng-bootstrap.js:7331:7 - error NG6002: Appears in the NgModule.imports of NgbModule, but itself has errors

7331 class NgbRatingModule {
           ~~~~~~~~~~~~~~~
node_modules/@ng-bootstrap/ng-bootstrap/fesm2015/ng-bootstrap.js:7331:7 - error NG6003: Appears in the NgModule.exports of NgbModule, but itself has errors

7331 class NgbRatingModule {
           ~~~~~~~~~~~~~~~

    at /Users/bhaskarjb/Desktop/mayadata-io/ci-e2e-dashboard/node_modules/@angular/compiler-cli/ngcc/src/execution/tasks/completion.js:57:19
    at /Users/bhaskarjb/Desktop/mayadata-io/ci-e2e-dashboard/node_modules/@angular/compiler-cli/ngcc/src/execution/tasks/completion.js:31:13
    at /Users/bhaskarjb/Desktop/mayadata-io/ci-e2e-dashboard/node_modules/@angular/compiler-cli/ngcc/src/execution/create_compile_function.js:69:21
    at SingleProcessExecutorSync.SingleProcessorExecutorBase.doExecute (/Users/bhaskarjb/Desktop/mayadata-io/ci-e2e-dashboard/node_modules/@angular/compiler-cli/ngcc/src/execution/single_process_executor.js:36:17)
    at /Users/bhaskarjb/Desktop/mayadata-io/ci-e2e-dashboard/node_modules/@angular/compiler-cli/ngcc/src/execution/single_process_executor.js:57:59
    at SyncLocker.lock (/Users/bhaskarjb/Desktop/mayadata-io/ci-e2e-dashboard/node_modules/@angular/compiler-cli/ngcc/src/locking/sync_locker.js:34:24)
    at SingleProcessExecutorSync.execute (/Users/bhaskarjb/Desktop/mayadata-io/ci-e2e-dashboard/node_modules/@angular/compiler-cli/ngcc/src/execution/single_process_executor.js:57:27)
    at Object.mainNgcc (/Users/bhaskarjb/Desktop/mayadata-io/ci-e2e-dashboard/node_modules/@angular/compiler-cli/ngcc/src/main.js:74:25)
    at Object.process (/Users/bhaskarjb/Desktop/mayadata-io/ci-e2e-dashboard/node_modules/@angular/compiler-cli/ngcc/index.js:29:23)
    at NgccProcessor.processModule (/Users/bhaskarjb/Desktop/mayadata-io/ci-e2e-dashboard/node_modules/@ngtools/webpack/src/ngcc_processor.js:175:16)
    at /Users/bhaskarjb/Desktop/mayadata-io/ci-e2e-dashboard/node_modules/@ngtools/webpack/src/ivy/host.js:146:18
    at /Users/bhaskarjb/Desktop/mayadata-io/ci-e2e-dashboard/node_modules/@ngtools/webpack/src/ivy/host.js:76:24
    at Array.map (<anonymous>)
    at Object.host.resolveModuleNames (/Users/bhaskarjb/Desktop/mayadata-io/ci-e2e-dashboard/node_modules/@ngtools/webpack/src/ivy/host.js:74:32)
    at actualResolveModuleNamesWorker (/Users/bhaskarjb/Desktop/mayadata-io/ci-e2e-dashboard/node_modules/typescript/lib/typescript.js:109497:133)
    at resolveModuleNamesWorker (/Users/bhaskarjb/Desktop/mayadata-io/ci-e2e-dashboard/node_modules/typescript/lib/typescript.js:109760:26)
An unhandled exception occurred: Failed to compile entry-point @ng-bootstrap/ng-bootstrap (`es2015` as esm2015) due to compilation errors:
node_modules/@ng-bootstrap/ng-bootstrap/fesm2015/ng-bootstrap.js:7321:37 - error NG1006: Cannot combine @Input decorators with query decorators

7321     starTemplate: [{ type: Input }, { type: ContentChild, args: [TemplateRef,] }],
                                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@ng-bootstrap/ng-bootstrap/fesm2015/ng-bootstrap.js:7342:47 - error NG6001: The class 'NgbRating' is listed in the declarations of the NgModule 'NgbRatingModule', but is not a directive, a component, or a pipe. Either remove it from the NgModule's declarations, or add an appropriate Angular decorator.

7342     { type: NgModule, args: [{ declarations: [NgbRating], exports: [NgbRating], imports: [CommonModule] },] },
                                                   ~~~~~~~~~

  node_modules/@ng-bootstrap/ng-bootstrap/fesm2015/ng-bootstrap.js:7117:7
    7117 class NgbRating {
               ~~~~~~~~~
    'NgbRating' is declared here.
node_modules/@ng-bootstrap/ng-bootstrap/fesm2015/ng-bootstrap.js:7117:7 - error NG6003: Appears in the NgModule.exports of NgbRatingModule, but could not be resolved to an NgModule, Component, Directive, or Pipe class.

Is it missing an Angular annotation?

7117 class NgbRating {
           ~~~~~~~~~
node_modules/@ng-bootstrap/ng-bootstrap/fesm2015/ng-bootstrap.js:7331:7 - error NG6002: Appears in the NgModule.imports of NgbModule, but itself has errors

7331 class NgbRatingModule {
           ~~~~~~~~~~~~~~~
node_modules/@ng-bootstrap/ng-bootstrap/fesm2015/ng-bootstrap.js:7331:7 - error NG6003: Appears in the NgModule.exports of NgbModule, but itself has errors

7331 class NgbRatingModule {
           ~~~~~~~~~~~~~~~

See "/private/var/folders/5z/t_h_x0cj1v7gc9q54k8nsb1w0000gn/T/ng-iVt1Cw/angular-errors.log" for further details.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions