Harbor UI Development: npm start Fails to Compile

[bupd]

If you are reporting a problem, please make sure the following information are provided:

Expected behavior and actual behavior:

Expected behavior: The npm start or ng serve commands should run successfully to start the Harbor UI development server without any issues.

Actual behavior: Running npm start or ng serve results in a TypeScript error due to a duplicate identifier 'Prepend' in the @types/eslint/helpers.d.ts file. This issue prevents the application from compiling and running the development server.

Here’s the error output:

❯ npm start

> harbor@2.11.0 start
> node --max_old_space_size=2048 ./node_modules/@angular/cli/bin/ng serve --ssl true --host 0.0.0.0


Warning: This is a simple server for use in testing or debugging Angular applications
locally. It hasn't been reviewed for security issues.

Binding this server to an open connection can result in compromising your application or
computer. Using a different host than the one passed to the "--host" flag might result in
websocket connection issues. You might need to use "--disable-host-check" if that's the
case.

✔ Browser application bundle generation complete.

Build at: 2024-10-14T17:55:33.827Z - Hash: ab910dca08837456 - Time: 13476ms

Error: ../../../../../../node_modules/@types/eslint/helpers.d.ts:1:6 - error TS2300: Duplicate identifier 'Prepend'.

1 type Prepend<Tuple extends any[], Addend> = ((_: Addend, ..._1: Tuple) => any) extends (..._: infer Result) => any
       ~~~~~~~

  node_modules/@types/eslint/helpers.d.ts:1:6
    1 type Prepend<Tuple extends any[], Addend> = ((_: Addend, ..._1: Tuple) => any) extends (..._: infer Result) => any
           ~~~~~~~
    'Prepend' was also declared here.


Error: node_modules/@types/eslint/helpers.d.ts:1:6 - error TS2300: Duplicate identifier 'Prepend'.

1 type Prepend<Tuple extends any[], Addend> = ((_: Addend, ..._1: Tuple) => any) extends (..._: infer Result) => any
       ~~~~~~~

  ../../../../../../node_modules/@types/eslint/helpers.d.ts:1:6
    1 type Prepend<Tuple extends any[], Addend> = ((_: Addend, ..._1: Tuple) => any) extends (..._: infer Result) => any
           ~~~~~~~
    'Prepend' was also declared here.




** Angular Live Development Server is listening on 0.0.0.0:4200, open your browser on https://localhost:4200/ **


✖ Failed to compile.

Steps to reproduce the problem:

1. In repo navigate to src/portal
2. Install dependencies using npm install.
3. Run npm start or ng serve to start the Angular development server. (results in error).

Versions:
Please specify the versions of following systems.

• harbor version: [2.11.1]
• docker engine version: [y.y.y]
• docker-compose version: [z.z.z]

Additional context:

• Harbor config files: You can get them by packaging harbor.yml and files in the same directory, including subdirectory.
• Log files: You can get them by package the /var/log/harbor/ .

[wy65701436]

@MinerYang and @AllForNothing Could you please take a look and see if there is anything that needs to be documented regarding the UI development?

[bupd]

After testing with different Node versions, no errors were found in version 16.20.2 & 18.20.2. Errors start occurring with versions above this. To fix this, we can set "skipLibCheck": true in tsconfig.json for Node versions greater than 18.20.2, adding support for the latest Node versions.

[MinerYang]

Hi @bupd ,

Thanks for your dedicate works, just FYI, our current valid node version is 16.18.0

harbor/make/photon/portal/Dockerfile

Line 3 in 2b881d6

FROM node:16.18.0 as nodeportal

[bupd]

have checked with 16.18.0 and updating the same in .nvmrc file