Compilation Fails about dgca-issuance-web

[daniel-eder]

@psavva I'm not a developer in this project, but I could see this being an issue with npm not handling package-lock.json, some legacy versions struggle with it.

Could you try to

1. delete the node_modules folder
2. delete package-lock.json
3. run npm install

If that does not work we'll have to wait for a dev to provide information on the target node version and other environment requirements.

[ggrund-tsi]

@psavva please try to use yarn for managing your packages.

1. delete the node_modules folder
2. delete package-lock.json
3. run npm install --global yarn
4. run yarn
5. run yarn start

I hope this will help you.

[psavva]

Hi @ggrund-tsi

This is the result.
I deleted both node_modules folder as well as the pacakge-lock.json

then followed steps 3,4,5: Output as follows:

PS C:\repos\eu-dgc\dgca-issuance-web> npm install --global yarn

> [email protected] preinstall C:\Users\psavva\AppData\Roaming\npm\node_modules\yarn
> :; (node ./preinstall.js > /dev/null 2>&1 || true)

C:\Users\psavva\AppData\Roaming\npm\yarn -> C:\Users\psavva\AppData\Roaming\npm\node_modules\yarn\bin\yarn.js
C:\Users\psavva\AppData\Roaming\npm\yarnpkg -> C:\Users\psavva\AppData\Roaming\npm\node_modules\yarn\bin\yarn.js
+ [email protected]
added 1 package in 2.226s
PS C:\repos\eu-dgc\dgca-issuance-web> yarn
yarn install v1.22.10
info No lockfile found.
[1/4] Resolving packages...
warning @types/react-datepicker > [email protected]: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1
warning node-sass > [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
warning node-sass > node-gyp > [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
warning node-sass > request > [email protected]: this library is no longer supported
warning react-bootstrap > @types/[email protected]: This is a stub types definition. classnames provides its own type definitions, so you do not need this installed.
warning react-datepicker > react-popper > [email protected]: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1
warning react-scripts > [email protected]: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
warning react-scripts > webpack-dev-server > [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
warning react-scripts > webpack-dev-server > chokidar > [email protected]: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
warning react-scripts > resolve-url-loader > rework > css > [email protected]: Please see https://github.com/lydell/urix#deprecated
warning react-scripts > resolve-url-loader > rework > css > source-map-resolve > [email protected]: Please see https://github.com/lydell/urix#deprecated
warning react-scripts > resolve-url-loader > rework > css > source-map-resolve > [email protected]: https://github.com/lydell/resolve-url#deprecated
warning react-scripts > workbox-webpack-plugin > workbox-build > @hapi/[email protected]: Switch to 'npm install joi'
warning react-scripts > workbox-webpack-plugin > workbox-build > [email protected]: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-babel.
warning react-scripts > webpack > watchpack > watchpack-chokidar2 > [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
warning react-scripts > workbox-webpack-plugin > workbox-build > @hapi/joi > @hapi/[email protected]: Moved to 'npm install @sideway/address'
warning react-scripts > workbox-webpack-plugin > workbox-build > @hapi/joi > @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
warning react-scripts > workbox-webpack-plugin > workbox-build > @hapi/joi > @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
warning react-scripts > workbox-webpack-plugin > workbox-build > @hapi/joi > @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
warning react-scripts > workbox-webpack-plugin > workbox-build > @hapi/joi > @hapi/topo > @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
warning react-scripts > jest > jest-cli > jest-config > jest-environment-jsdom > jsdom > [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
warning react-scripts > workbox-webpack-plugin > workbox-build > strip-comments > babel-plugin-transform-object-rest-spread > babel-runtime > [email protected]: core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
warning react-scripts > jest > jest-cli > jest-config > jest-environment-jsdom > jsdom > [email protected]: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142
[2/4] Fetching packages...
info [email protected]: The platform "win32" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
info [email protected]: The platform "win32" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
warning " > @testing-library/[email protected]" has unmet peer dependency "@testing-library/dom@>=7.21.4".
warning " > [email protected]" has unmet peer dependency "[email protected] - 3".
warning " > [email protected]" has unmet peer dependency "popper.js@^1.16.1".
warning " > [email protected]" has unmet peer dependency "prop-types@^15.7.0".
warning " > [email protected]" has incorrect peer dependency "react@~16".
warning " > [email protected]" has incorrect peer dependency "react-dom@~16".
[4/4] Building fresh packages...
success Saved lockfile.
Done in 226.41s.
PS C:\repos\eu-dgc\dgca-issuance-web> yarn start
yarn run v1.22.10
$ react-scripts start
i ｢wds｣: Project is running at http://172.17.16.1/
i ｢wds｣: webpack output is served from
i ｢wds｣: Content not from webpack is served from C:\repos\eu-dgc\dgca-issuance-web\public
i ｢wds｣: 404s will fallback to /
Starting the development server...
Compiled with warnings.

./node_modules/cbor/lib/constants.js
Module not found: Can't resolve 'bignumber.js' in 'C:\repos\eu-dgc\dgca-issuance-web\node_modules\cbor\lib'

src\api.tsx
  Line 22:8:  'axios' is defined but never used  @typescript-eslint/no-unused-vars

src\components\error-page.component.tsx
  Line 28:8:  'useNavigation' is defined but never used                                                                       @typescript-eslint/no-unused-vars
  Line 38:8:  React Hook React.useEffect has a missing dependency: 'props'. Either include it or remove the dependency array  react-hooks/exhaustive-deps

src\components\notification-page.component.tsx
  Line 39:8:  React Hook React.useEffect has a missing dependency: 'props'. Either include it or remove the dependency array  react-hooks/exhaustive-deps

src\components\record-recovery-cert-data.component.tsx
  Line 23:35:   'FormControlProps' is defined but never used                                                                                                                       @typescript-eslint/no-unused-vars
  Line 31:10:   'IdentifierType' is defined but never used                                                                                                                         @typescript-eslint/no-unused-vars
  Line 34:10:   'registerLocale' is defined but never used                                                                                                                         @typescript-eslint/no-unused-vars
  Line 38:32:   'DiseaseAgentTargeted' is defined but never used                                                                                                                   @typescript-eslint/no-unused-vars
  Line 111:8:   React Hook React.useEffect has a missing dependency: 'testCountryCode'. Either include it or remove the dependency array                                           react-hooks/exhaustive-deps
  Line 118:8:   React Hook React.useEffect has missing dependencies: 'defaultTestCountryCode' and 'setDefaultTestCountryCode'. Either include them or remove the dependency array  react-hooks/exhaustive-deps
  Line 157:11:  'handleError' is assigned a value but never used                                                                                                                   @typescript-eslint/no-unused-vars
  Line 260:11:  'formatDate' is assigned a value but never used                                                                                                                    @typescript-eslint/no-unused-vars

src\components\record-test-cert-data.component.tsx
  Line 23:35:   'FormControlProps' is defined but never used         @typescript-eslint/no-unused-vars
  Line 30:10:   'IdentifierType' is defined but never used           @typescript-eslint/no-unused-vars
  Line 33:10:   'registerLocale' is defined but never used           @typescript-eslint/no-unused-vars
  Line 39:17:   'VaccinationEntry' is defined but never used         @typescript-eslint/no-unused-vars
  Line 39:35:   'DiseaseAgentTargeted' is defined but never used     @typescript-eslint/no-unused-vars
  Line 88:12:   'vacLastDate' is assigned a value but never used     @typescript-eslint/no-unused-vars
  Line 88:25:   'setVacLastDate' is assigned a value but never used  @typescript-eslint/no-unused-vars
  Line 182:11:  'handleError' is assigned a value but never used     @typescript-eslint/no-unused-vars

src\components\record-vaccination-cert-data.component.tsx
  Line 23:35:   'FormControlProps' is defined but never used                                                                                                                           @typescript-eslint/no-unused-vars
  Line 31:10:   'IdentifierType' is defined but never used                                                                                                                             @typescript-eslint/no-unused-vars
  Line 34:10:   'registerLocale' is defined but never used                                                                                                                             @typescript-eslint/no-unused-vars
  Line 38:35:   'DiseaseAgentTargeted' is defined but never used                                                                                                                       @typescript-eslint/no-unused-vars
  Line 123:8:   React Hook React.useEffect has a missing dependency: 'issuerCountryCode'. Either include it or remove the dependency array                                             react-hooks/exhaustive-deps
  Line 130:8:   React Hook React.useEffect has missing dependencies: 'defaultIssuerCountryCode' and 'setDefaultIssuerCountryCode'. Either include them or remove the dependency array  react-hooks/exhaustive-deps
  Line 194:11:  'handleError' is assigned a value but never used                                                                                                                       @typescript-eslint/no-unused-vars
  Line 298:11:  'formatDate' is assigned a value but never used                                                                                                                        @typescript-eslint/no-unused-vars

src\components\show-certificate.component.tsx
  Line 59:12:  'dgci' is assigned a value but never used                                                                             @typescript-eslint/no-unused-vars
  Line 92:8:   React Hook React.useEffect has a missing dependency: 'handleError'. Either include it or remove the dependency array  react-hooks/exhaustive-deps

src\index.tsx
  Line 24:25:  'HashRouter' is defined but never used  @typescript-eslint/no-unused-vars

src\misc\navigation.tsx
  Line 60:21:  'setMandant' is assigned a value but never used                                                                                            @typescript-eslint/no-unused-vars
  Line 78:8:   React Hook React.useEffect has missing dependencies: 'calculatedRoutes' and 'mandant'. Either include them or remove the dependency array  react-hooks/exhaustive-deps
  Line 96:8:   React Hook React.useEffect has missing dependencies: 'history' and 'routes'. Either include them or remove the dependency array            react-hooks/exhaustive-deps

src\misc\utils.tsx
  Line 40:1:  Assign object to a variable before exporting as module default  import/no-anonymous-default-export

src\misc\wbase45.tsx
  Line 32:15:  'x' is already defined                                          @typescript-eslint/no-redeclare
  Line 38:11:  'x' is already defined                                          @typescript-eslint/no-redeclare
  Line 39:12:  'd' is already defined                                          @typescript-eslint/no-redeclare
  Line 39:15:  'c' is already defined                                          @typescript-eslint/no-redeclare
  Line 64:12:  'i' is already defined                                          @typescript-eslint/no-redeclare
  Line 64:19:  'length' is already defined                                     @typescript-eslint/no-redeclare
  Line 84:1:   Assign object to a variable before exporting as module default  import/no-anonymous-default-export

src\root.component.tsx
  Line 28:8:  'LoginInterceptor' is defined but never used                                                                                                     @typescript-eslint/no-unused-vars
  Line 59:6:  React Hook React.useEffect has missing dependencies: 'setStoredMandant' and 'storedMandant'. Either include them or remove the dependency array  react-hooks/exhaustive-deps

src\routing.component.tsx
  Line 32:8:  'Header' is defined but never used        @typescript-eslint/no-unused-vars
  Line 35:8:  'PrivateRoute' is defined but never used  @typescript-eslint/no-unused-vars

Search for the keywords to learn more about each warning.
To ignore, add // eslint-disable-next-line to the line before.

http://localhost:3000/ reveals an empty React App

However, http://localhost:3000/swagger reveals a UI...

Is this expected?

[ggrund-tsi]

I've cleaned up the code a bit, removed all the warnings and unused dependencies. (and add bignumber.js)
So you can also run the code with npm.

Now the UI should appear without any additional string after the first '/'. (this was an relict)

[psavva]

Hi @ggrund-tsi Can you confirm the PR Number, or Commit against which branch?

I also see that @jurosens released a version 0.3.1 whilst the previous was 0.0.5, I cannot see the fix there either.
I think perhaps the numbering was a mistake? or was this intentional?
I cannot see the fix there either in any case

Best Regards
Panayiotis Savva
Cyprus

[ggrund-tsi]

Hi @psavva.
Actual it is in main branch an will deployed in next release. (maybe soon/today)
Regards, Gordon