[Bug] Error when installing dependencies

[rolandin]

Version

1.0.1

Reproduction link

---- N/A

Operating System

Mac

Device

MacBook Pro (16-inch, 2019)

Browser & Version

--- N/A

Steps to reproduce

Download the repo
Run yarn to install dependencies or run your npm code proposed in the page

What is expected?

To install dependencies with no errors

What is actually happening?

If install your proposed npm i ,,... throws error saying cannot find a react version:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: @notus-pro/react@1.0.0
npm ERR! Found: react@17.0.1
npm ERR! node_modules/react
npm ERR! react@"17.0.1" 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@"17.0.2" 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 /Users/rolando/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/rolando/.npm/_logs/2022-05-22T16_50_01_268Z-debug.log

If you run only yarn, then installs the dependencies, and the project runs, but it throws all this other errors build related:

The output is to long but it ends in this:

1 error generated.
make: *** [Release/obj.target/binding/src/binding.o] Error 1
gyp ERR! build error
gyp ERR! stack Error: make failed with exit code: 2
gyp ERR! stack at ChildProcess.onExit (/Users/rolando/repos/notus-pro-react/node_modules/node-gyp/lib/build.js:194:23)
gyp ERR! stack at ChildProcess.emit (node:events:390:28)
gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:290:12)
gyp ERR! System Darwin 20.4.0
gyp ERR! command "/usr/local/Cellar/node@16/16.13.1/libexec/node" "/Users/rolando/repos/notus-pro-react/node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd /Users/rolando/repos/notus-pro-react/node_modules/node-sass
gyp ERR! node -v v16.13.1

This is my yarn.error.log
Arguments:
/usr/local/Cellar/node@16/16.13.1/libexec/node /usr/local/Cellar/yarn/1.22.17_2/libexec/bin/yarn.js add -E @notus/react@1.0.0 @fortawesome/fontawesome-free@5.15.1 @popperjs/core@2.5.4 @tailwindcss/forms@0.3.2 chart.js@2.9.4 classnames@2.2.6 prop-types@15.7.2 react@17.0.1 react-router@5.2.0 react-router-dom@5.2.0 tailwindcss@2.0.1 --legacy-peer-deps

PATH:
/usr/local/opt/python@3.10/bin:/usr/local/Cellar/node@16/16.13.1/bin:/usr/local/opt/node@16/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Library/Apple/usr/bin:/usr/local/opt/node@16/bin

Yarn version:
1.22.17

Node version:
16.13.1

Platform:
darwin x64

Trace:
Error: https://registry.npmjs.org/@notus%2freact: Not found
at Request.params.callback [as _callback] (/usr/local/Cellar/yarn/1.22.17_2/libexec/lib/cli.js:67029:18)
at Request.self.callback (/usr/local/Cellar/yarn/1.22.17_2/libexec/lib/cli.js:140883:22)
at Request.emit (node:events:390:28)
at Request. (/usr/local/Cellar/yarn/1.22.17_2/libexec/lib/cli.js:141855:10)
at Request.emit (node:events:390:28)
at IncomingMessage. (/usr/local/Cellar/yarn/1.22.17_2/libexec/lib/cli.js:141777:12)
at Object.onceWrapper (node:events:509:28)
at IncomingMessage.emit (node:events:402:35)
at endReadableNT (node:internal/streams/readable:1343:12)
at processTicksAndRejections (node:internal/process/task_queues:83:21)

npm manifest:
{
"name": "@notus-pro/react",
"version": "1.0.0",
"description": "Notus PRO React - A premium React UI Kit and Admin for Tailwind CSS by Creative Tim.",
"repository": "https://github.com/creativetimofficial/ct-notus-pro-react",
"license": "SEE LICENSE IN https://www.creative-tim.com/product/notus-pro-react",
"homepage": "https://demos.creative-tim.com/notus-pro-react/",
"main": "./index.js",
"dependencies": {
"@fortawesome/fontawesome-free": "5.15.3",
"@popperjs/core": "2.9.2",
"@tailwindcss/forms": "0.3.2",
"autoprefixer": "10.2.5",
"chart.js": "3.1.0",
"classnames": "2.3.1",
"postcss": "8.2.10",
"prop-types": "15.7.2",
"react": "17.0.2",
"react-dom": "17.0.2",
"react-router": "5.2.0",
"react-router-dom": "5.2.0",
"tailwindcss": "2.1.1"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build && gulp licenses",
"test": "react-scripts test",
"eject": "react-scripts eject",
"install:clean": "rm -rf node_modules/ && rm -rf package-lock.json && npm install && npm run build:tailwind && npm start",
"build:tailwind": "npm run compile:tailwind && npm run minify:tailwind",
"compile:tailwind": "tailwind build src/assets/styles/index.css -o src/assets/styles/tailwind.css",
"minify:tailwind": "node-sass src/assets/styles/tailwind.css src/assets/styles/tailwind.min.css --output-style compressed"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"optionalDependencies": {
"typescript": "4.2.4"
},
"devDependencies": {
"@babel/cli": "7.13.14",
"@babel/core": "7.13.15",
"@babel/parser": "7.13.15",
"@babel/preset-react": "7.13.13",
"create-index": "2.6.0",
"gh-pages": "3.1.0",
"gulp": "4.0.2",
"gulp-append-prepend": "1.0.9",
"node-sass": "5.0.0",
"prettier": "2.2.1",
"react-scripts": "4.0.3",
"react-syntax-highlighter": "15.4.3"
},
"peerDependencies": {
"@fortawesome/fontawesome-free": "5.15.3",
"@popperjs/core": "2.9.2",
"@tailwindcss/forms": "0.3.2",
"autoprefixer": "10.2.5",
"chart.js": "3.1.0",
"classnames": "2.3.1",
"postcss": "8.2.10",
"prop-types": "15.7.2",
"react": "17.0.2",
"react-dom": "17.0.2",
"react-router": "5.2.0",
"react-router-dom": "5.2.0",
"tailwindcss": "2.1.1"
}
}

yarn manifest:
No manifest

Lockfile:
No lockfile

---

Solution

Additional comments