Errors on First Steps running "npx create-react-app my-first-app...."

mapembert

Hello all, I'm following the youtube tutorial located: https://www.youtube.com/watch?v=dT0GJR7yx8I

When I get to the point of running the npx command:
npx create-react-app my-first-app --template @tririga/cra-template --use-npm

I get this output (see output below). I'm using a local installation of TRIRIGA running 3.8.0 so that it looks like the video. However, I don't think the command interacts with the TRIRIGA instance yet.

Do you have an updated command to share?
Also, I tried adding "--legacy-peer-deps" and another try I used "--force" but I don't get a clean installation.

`Administrator@lap2TK01307GR MINGW64 /c/dev/ux/react
$ npx create-react-app my-first-app --template @tririga/cra-template --use-npm --force

Creating a new React app in C:\dev\ux\react\my-first-app.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with @tririga/cra-template...

added 1393 packages in 48s

203 packages are looking for funding
run "npm fund" for details

Initialized a git repository.

Installing template dependencies using npm...
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: my-first-app@0.1.0
npm ERR! Found: react@18.2.0
npm ERR! node_modules/react
npm ERR! react@"¹⁸.2.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"17.0.2" from react-dom@17.0.2
npm ERR! node_modules/react-dom
npm ERR! react-dom@"¹⁷.0.1" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\Administrator\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Administrator\AppData\Local\npm-cache_logs\2022-07-09T14_20_51_403Z-debug.log
npm install --no-audit --save @carbon/icons-react@¹⁰.22.0 @carbon/themes@¹⁰.24.0 @tririga/tririga-react-components@¹.0.0 carbon-addons-iot-react@².141.0 carbon-components@¹⁰.25.0 carbon-components-react@⁷.25.0 carbon-icons@⁷.0.7 classnames@².2.6 prop-types@¹⁵.7.2 node-sass@⁴.14.1 react-dom@¹⁷.0.1 react-router-dom@⁵.2.0 env-cmd@¹⁰.1.0 eslint@⁷.11.0 eslint-config-prettier@⁶.15.0 eslint-config-standard@¹⁴.1.1 eslint-config-standard-react@⁹.2.0 eslint-plugin-jest@²³.20.0 eslint-plugin-node@¹¹.1.0 eslint-plugin-promise@⁴.2.1 eslint-plugin-react@⁷.21.5 eslint-plugin-standard@⁴.1.0 husky@⁴.3.0 immutable@⁴.0.0-rc.12 prettier@².2.1 pretty-quick@².0.2 failed`

Admin

Hi @acmatson and Yong, can you take a look at @mapembert 's question? Maybe their Node.js version is too new? I think I saw somewhere that Node.js 14.19.0 or lower was required?

For reference, here's the Node.js "Previous Releases" page. Use the search box to find specific releases:
https://nodejs.org/en/download/releases/

yong

Hi Jay, currently @tririga/cra-template does not support any node version above v14.

Admin

yong Thanks Yong! So to be specific, do you mean Node.js 14.0.0? Or 14.x.x? Will 14.19.0 still work too?

yong

As of now, we support any Node version below 14.19.0. But In theory, it should work as long as it is within the release line of Node v14. For example, Node v14.20.1 should work.

KamalSubedi

Hi Yong,
I've tried the same thing on 10.8/3.8. It creates the app but presents itself with 9 vulnerabilities. How do I address them. FYI, my node.js is v14.16.1.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with @tririga/cra-template...

core-js@3.25.3 postinstall C:\TRIXi\UX\CBRE_Dev\trx-my-first-app\node_modules\core-js
node -e "try{require('./postinstall')}catch(e){}"

core-js-pure@3.25.3 postinstall C:\TRIXi\UX\CBRE_Dev\trx-my-first-app\node_modules\core-js-pure
node -e "try{require('./postinstall')}catch(e){}"

react-scripts@5.0.1
react@18.2.0
react-dom@18.2.0
@tririga/cra-template@1.0.1
added 1405 packages from 624 contributors in 722.632s

210 packages are looking for funding
run npm fund for details

Git repo not initialized Error: Command failed: git --version
at checkExecSyncError (child_process.js:616:11)
at execSync (child_process.js:652:15)
at tryGitInit (C:\TRIXi\UX\CBRE_Dev\trx-my-first-app\node_modules\react-scripts\scripts\init.js:46:5)
at module.exports (C:\TRIXi\UX\CBRE_Dev\trx-my-first-app\node_modules\react-scripts\scripts\init.js:276:7)
at [eval]:3:14
at Script.runInThisContext (vm.js:133:18)
at Object.runInThisContext (vm.js:310:38)
at internal/process/execution.js:77:19
at [eval]-wrapper:6:22
at evalScript (internal/process/execution.js:76:60) {
status: 1,
signal: null,
output: [ null, null, null ],
pid: 20036,
stdout: null,
stderr: null
}

Installing template dependencies using npm...
npm WARN deprecated core-js@3.6.5: core-js@<3.23.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. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.
npm WARN deprecated har-validator@5.1.5: this library is no longer supported

node-sass@4.14.1 install C:\TRIXi\UX\CBRE_Dev\trx-my-first-app\node_modules\node-sass
node scripts/install.js

Cached binary found at C:\Users\Kamal\AppData\Roaming\npm-cache\node-sass\4.14.1\win32-x64-83_binding.node

husky@4.3.8 install C:\TRIXi\UX\CBRE_Dev\trx-my-first-app\node_modules\husky
node husky install

husky > Setting up git hooks
git --version command failed. Got null.
husky > Failed to install

@carbon/icons-react@10.49.0 postinstall C:\TRIXi\UX\CBRE_Dev\trx-my-first-app\node_modules@carbon\icons-react
carbon-telemetry collect --install

carbon-components@10.40.0 postinstall C:\TRIXi\UX\CBRE_Dev\trx-my-first-app\node_modules@carbon\charts\node_modules\carbon-components
carbon-telemetry collect --install

@carbon/charts@0.55.1 postinstall C:\TRIXi\UX\CBRE_Dev\trx-my-first-app\node_modules@carbon\charts
carbon-telemetry collect --install

@carbon/charts-react@0.55.1 postinstall C:\TRIXi\UX\CBRE_Dev\trx-my-first-app\node_modules@carbon\charts-react
carbon-telemetry collect --install

@carbon/pictograms-react@11.25.0 postinstall C:\TRIXi\UX\CBRE_Dev\trx-my-first-app\node_modules@carbon\pictograms-react
carbon-telemetry collect --install

carbon-components@10.56.0 postinstall C:\TRIXi\UX\CBRE_Dev\trx-my-first-app\node_modules\carbon-addons-iot-react\node_modules\carbon-components
carbon-telemetry collect --install

carbon-components-react@7.56.0 postinstall C:\TRIXi\UX\CBRE_Dev\trx-my-first-app\node_modules\carbon-addons-iot-react\node_modules\carbon-components-react
carbon-telemetry collect --install

core-js@3.6.5 postinstall C:\TRIXi\UX\CBRE_Dev\trx-my-first-app\node_modules\carbon-addons-iot-react\node_modules\core-js
node -e "try{require('./postinstall')}catch(e){}"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:

https://opencollective.com/core-js
https://www.patreon.com/zloirock

Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)

carbon-components@10.58.1 postinstall C:\TRIXi\UX\CBRE_Dev\trx-my-first-app\node_modules\carbon-components
carbon-telemetry collect --install

styled-components@4.4.1 postinstall C:\TRIXi\UX\CBRE_Dev\trx-my-first-app\node_modules\styled-components
node ./scripts/postinstall.js || exit 0

Use styled-components at work? Consider supporting our development efforts at https://opencollective.com/styled-components

node-sass@4.14.1 postinstall C:\TRIXi\UX\CBRE_Dev\trx-my-first-app\node_modules\node-sass
node scripts/build.js

Binary found at C:\TRIXi\UX\CBRE_Dev\trx-my-first-app\node_modules\node-sass\vendor\win32-x64-83\binding.node
Testing binary
Binary is fine

carbon-addons-iot-react@2.150.0 postinstall C:\TRIXi\UX\CBRE_Dev\trx-my-first-app\node_modules\carbon-addons-iot-react
carbon-telemetry collect --install

carbon-components-react@7.59.2 postinstall C:\TRIXi\UX\CBRE_Dev\trx-my-first-app\node_modules\carbon-components-react
carbon-telemetry collect --install

husky@4.3.8 postinstall C:\TRIXi\UX\CBRE_Dev\trx-my-first-app\node_modules\husky
opencollective-postinstall || exit 0

Thank you for using husky!
If you rely on this package, please consider supporting our open collective:

https://opencollective.com/husky/donate

npm WARN notsup Unsupported engine for eslint@8.24.0: wanted: {"node":"¹².22.0 ¹⁴.17.0 >=16.0.0"} (current: {"node":"14.16.1","npm":"6.14.12"})
npm WARN notsup Not compatible with your version of node/npm: eslint@8.24.0
npm WARN notsup Unsupported engine for eslint-scope@7.1.1: wanted: {"node":"¹².22.0 ¹⁴.17.0 >=16.0.0"} (current: {"node":"14.16.1","npm":"6.14.12"})
npm WARN notsup Not compatible with your version of node/npm: eslint-scope@7.1.1
npm WARN notsup Unsupported engine for @eslint/eslintrc@1.3.2: wanted: {"node":"¹².22.0 ¹⁴.17.0 >=16.0.0"} (current: {"node":"14.16.1","npm":"6.14.12"})
npm WARN notsup Not compatible with your version of node/npm: @eslint/eslintrc@1.3.2
npm WARN notsup Unsupported engine for espree@9.4.0: wanted: {"node":"¹².22.0 ¹⁴.17.0 >=16.0.0"} (current: {"node":"14.16.1","npm":"6.14.12"})
npm WARN notsup Not compatible with your version of node/npm: espree@9.4.0
npm WARN notsup Unsupported engine for @typescript-eslint/experimental-utils@5.38.1: wanted: {"node":"¹².22.0 ¹⁴.17.0 >=16.0.0"} (current: {"node":"14.16.1","npm":"6.14.12"})
npm WARN notsup Not compatible with your version of node/npm: @typescript-eslint/experimental-utils@5.38.1
npm WARN notsup Unsupported engine for eslint@8.24.0: wanted: {"node":"¹².22.0 ¹⁴.17.0 >=16.0.0"} (current: {"node":"14.16.1","npm":"6.14.12"})
npm WARN notsup Not compatible with your version of node/npm: eslint@8.24.0
npm WARN @apideck/better-ajv-errors@0.3.6 requires a peer of ajv@>=8 but none is installed. You must install peer dependencies yourself.
npm WARN eslint-config-react-app@7.0.1 requires a peer of eslint@⁸.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN eslint-plugin-flowtype@8.0.3 requires a peer of eslint@⁸.1.0 but none is installed. You must install peer dependencies yourself.
npm WARN fork-ts-checker-webpack-plugin@6.5.2 requires a peer of typescript@>= 2.7 but none is installed. You must install peer dependencies yourself.
npm WARN tsutils@3.21.0 requires a peer of typescript@>=2.8.0 >= 3.2.0-dev >= 3.3.0-dev >= 3.4.0-dev >= 3.5.0-dev >= 3.6.0-dev >= 3.6.0-beta >= 3.7.0-dev >= 3.7.0-beta but none is installed. You must install peer dependencies yourself.
npm WARN react-dom@17.0.2 requires a peer of react@17.0.2 but none is installed. You must install peer dependencies yourself.
npm WARN @tririga/tririga-react-components@1.2.1 requires a peer of react@¹⁷.0.2 but none is installed. You must install peer dependencies yourself.
npm WARN fork-ts-checker-webpack-plugin@7.2.13 requires a peer of typescript@>3.6.0 but none is installed. You must install peer dependencies yourself.
npm WARN carbon-components-react@7.59.2 requires a peer of react@¹⁶.8.6 ¹⁷.0.1 but none is installed. You must install peer dependencies yourself.
npm WARN carbon-addons-iot-react@2.150.0 requires a peer of d3@⁷.0 but none is installed. You must install peer dependencies yourself.
npm WARN carbon-components-react@7.56.0 requires a peer of react@¹⁶.8.6 ¹⁷.0.1 but none is installed. You must install peer dependencies yourself.
npm WARN react-device-detect@1.17.0 requires a peer of react@>= 0.14.0 < 18.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN @monaco-editor/react@3.8.3 requires a peer of monaco-editor@⁰.21.2 but none is installed. You must install peer dependencies yourself.
npm WARN @monaco-editor/react@3.8.3 requires a peer of react@¹⁶.8.0 ¹⁷.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN @carbon/charts@0.55.1 requires a peer of d3@7.x but none is installed. You must install peer dependencies yourself.
npm WARN @carbon/charts-react@0.55.1 requires a peer of react@¹⁶.0.0 ¹⁷.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN @monaco-editor/loader@0.1.3 requires a peer of monaco-editor@⁰.21.2 but none is installed. You must install peer dependencies yourself.
npm WARN react-resizable@1.11.1 requires a peer of react@0.14.x 15.x 16.x 17.x but none is installed. You must install peer dependencies yourself.
npm WARN mini-create-react-context@0.4.1 requires a peer of react@⁰.14.0 ¹⁵.0.0 ¹⁶.0.0 ¹⁷.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

prop-types@15.8.1
classnames@2.3.2
react-dom@17.0.2
carbon-icons@7.0.7
react-router-dom@5.3.3
node-sass@4.14.1
@tririga/tririga-react-components@1.2.1
@carbon/themes@10.55.0
eslint@7.32.0
env-cmd@10.1.0
@carbon/icons-react@10.49.0
eslint-config-prettier@6.15.0
eslint-plugin-jest@23.20.0
carbon-components@10.58.1
eslint-config-standard-react@9.2.0
eslint-plugin-react@7.31.8
carbon-components-react@7.59.2
eslint-plugin-node@11.1.0
eslint-config-standard@14.1.1
immutable@4.1.0
eslint-plugin-standard@4.1.0
pretty-quick@2.0.2
eslint-plugin-promise@4.3.1
husky@4.3.8
prettier@2.7.1
carbon-addons-iot-react@2.150.0
added 438 packages from 392 contributors, updated 7 packages and moved 2 packages in 1021.69s

223 packages are looking for funding
run npm fund for details

Removing template package using npm...

npm WARN @apideck/better-ajv-errors@0.3.6 requires a peer of ajv@>=8 but none is installed. You must install peer dependencies yourself.
npm WARN @carbon/charts@0.55.1 requires a peer of d3@7.x but none is installed. You must install peer dependencies yourself.
npm WARN @carbon/charts-react@0.55.1 requires a peer of react@¹⁶.0.0 ¹⁷.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN @monaco-editor/loader@0.1.3 requires a peer of monaco-editor@⁰.21.2 but none is installed. You must install peer dependencies yourself.
npm WARN @monaco-editor/react@3.8.3 requires a peer of monaco-editor@⁰.21.2 but none is installed. You must install peer dependencies yourself.
npm WARN @monaco-editor/react@3.8.3 requires a peer of react@¹⁶.8.0 ¹⁷.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN @tririga/tririga-react-components@1.2.1 requires a peer of react@¹⁷.0.2 but none is installed. You must install peer dependencies yourself.
npm WARN fork-ts-checker-webpack-plugin@7.2.13 requires a peer of typescript@>3.6.0 but none is installed. You must install peer dependencies yourself.
npm WARN carbon-addons-iot-react@2.150.0 requires a peer of d3@⁷.0 but none is installed. You must install peer dependencies yourself.
npm WARN carbon-components-react@7.56.0 requires a peer of react@¹⁶.8.6 ¹⁷.0.1 but none is installed. You must install peer dependencies yourself.
npm WARN carbon-components-react@7.59.2 requires a peer of react@¹⁶.8.6 ¹⁷.0.1 but none is installed. You must install peer dependencies yourself.
npm WARN eslint-config-react-app@7.0.1 requires a peer of eslint@⁸.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN eslint-plugin-flowtype@8.0.3 requires a peer of eslint@⁸.1.0 but none is installed. You must install peer dependencies yourself.
npm WARN fork-ts-checker-webpack-plugin@6.5.2 requires a peer of typescript@>= 2.7 but none is installed. You must install peer dependencies yourself.
npm WARN mini-create-react-context@0.4.1 requires a peer of react@⁰.14.0 ¹⁵.0.0 ¹⁶.0.0 ¹⁷.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN react-device-detect@1.17.0 requires a peer of react@>= 0.14.0 < 18.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN react-dom@17.0.2 requires a peer of react@17.0.2 but none is installed. You must install peer dependencies yourself.
npm WARN react-resizable@1.11.1 requires a peer of react@0.14.x 15.x 16.x 17.x but none is installed. You must install peer dependencies yourself.
npm WARN tsutils@3.21.0 requires a peer of typescript@>=2.8.0 >= 3.2.0-dev >= 3.3.0-dev >= 3.4.0-dev >= 3.5.0-dev >= 3.6.0-dev >= 3.6.0-beta >= 3.7.0-dev >= 3.7.0-beta but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

removed 1 package and audited 1848 packages in 9.8s

232 packages are looking for funding
run npm fund for details

found 9 vulnerabilities (1 moderate, 8 high)
run npm audit fix to fix them, or npm audit for details

Success! Created trx-my-first-app at C:\TRIXi\UX\CBRE_Dev\trx-my-first-app
Inside that directory, you can run several commands:

npm start
Starts the development server.

npm run build
Bundles the app into static files for production.

npm test
Starts the test runner.

npm run eject
Removes this tool and copies build dependencies, configuration files
and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

cd trx-my-first-app
npm start

Happy hacking!

KamalSubedi

Hi @mapembert
I have tested by installing node.js to later version v16.17.1 (npx/npm moved to 8.15.0 after the install) and I exactly got your problems. Then I uninstalled node.js, and re-installed earlier version v14.19.0. I no longer get those messages, but it still gave me the message "found 9 vulnerabilities (1 moderate, 8 high)". I then ran "npm audit fix" command, which solved 8 high issues related to deprecation. But I am unable to fix 1 vulnerability called nth-check, which is supposedly issues with version 2.0.0 and less. I tried uninstall and install but seems not to work.
@Admin any suggestions?