mayadata-io / mayadata-io/ci-e2e-dashboard

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

Open
#329 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
7
Forks
7
PR merge metrics
No merged PRs in 30d

Description

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.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reviewing the Angular CLI, Node, TypeScript, and @ng-bootstrap/ng-bootstrap versions in the issue, then reproduce the failure with ng build. Investigate the reported ng-bootstrap compilation errors involving NgbRating and starTemplate. Done means the project builds successfully after the Angular upgrade without these errors.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
build-system, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.