npm install not working due to invalid peer rxjs - angularjs

I'm trying to add the dependencies to a project I'm working on with npm install. However I keep getting the following error:
npm ERR! Windows_NT 10.0.14393
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\decraejo\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js" "install"
npm ERR! node v4.4.5
npm ERR! npm v2.5.0
npm ERR! code EPEERINVALID
npm ERR! peerinvalid The package rxjs does not satisfy its siblings' peerDependencies requirements!
npm ERR! peerinvalid Peer #angular/core#4.2.3 wants rxjs#^5.0.1
npm ERR! peerinvalid Peer #angular/http#4.2.3 wants rxjs#^5.0.1
npm ERR! peerinvalid Peer #angular/router#4.2.3 wants rxjs#^5.0.1
npm ERR! peerinvalid Peer angular-in-memory-web-api#0.3.2 wants rxjs#^5.0.1
npm ERR! peerinvalid Peer angular2#2.0.0-beta.21 wants rxjs#5.0.0-beta.6
npm ERR! Please include the following file with any support request:
npm ERR! D:\Dev\S\project\UserPortal\npm-debug.log
Some thing is wrong here, but can't tell what. First of all, it's telling me peerinvalid Peer angular2#2.0.0-beta.21 wants rxjs....., but my package.json doesn't even include angular 2.
Find bellow my package.json file:
{
"name": "ProjectName",
"version": "0.0.1",
"description": "ERROR: No README data found!",
"main": "index.js",
"dependencies": {
"angular": "^1.6.4",
"angular-animate": "^1.6.4",
"angular-aria": "^1.6.4",
"angular-cookies": "^1.6.4",
"angular-http": "0.0.0",
"angular-material": "^1.1.4",
"angular-messages": "^1.6.4",
"angular-qrcode": "^7.2.0",
"angular-resource": "^1.6.4",
"angular-route": ">1.3.4",
"bootstrap": "~3.3.7",
"bootstrap-material-design": "~0.5.10",
"jquery": "~3.2.1"
},
"devDependencies": {
"angular": "^1.6.4",
"angular-mocks": "^1.6.4",
"angular-ui-router": "^1.0.3",
"babel-polyfill": "^6.23.0",
"del": "^3.0.0",
"gulp": "^3.9.1",
"gulp-clean-css": "^3.4.1",
"gulp-concat": "^2.6.1",
"gulp-minify": "^1.0.0",
"gulp-rev": "^7.1.2",
"jasmine-core": "2.5.2",
"jasmine-jquery": "^2.1.1",
"karma": "^1.7.0",
"karma-chrome-launcher": "^2.1.1",
"karma-coverage": "^1.1.1",
"karma-firefox-launcher": "^1.0.1",
"karma-jasmine": "^1.1.0",
"karma-jasmine-jquery": "^0.1.1",
"karma-phantomjs-launcher": "^1.0.4",
"phantomjs-prebuilt": "^2.1.14"
},
"scripts": {
"test": "karma"
},
"author": "",
"license": "BSD-2-Clause",
"repository": {
"type": "git",
"url": "git://github.com/projectName.git"
}
}

Related

npm WARN ERESOLVE overriding peer dependency in aws amplify

We are using react & map api named react-naver-maps
we publish server by aws amplify suddenly build was failed
I know the ways to solve this error in local computer
npm install --force or npm install --legacy-peer-deps
we don't know how to fix this error in publishing
2022-11-20T10:18:03.662Z [INFO]: # Starting phase: preBuild
# Executing command: npm ci
2022-11-20T10:18:05.256Z [WARNING]: npm WARN ERESOLVE
2022-11-20T10:18:05.256Z [WARNING]: overriding peer dependency
npm
2022-11-20T10:18:05.256Z [WARNING]: WARN While resolving: create-react-context#0.2.3
npm WARN Found: react#17.0.2
npm WARN node_modules/react
2022-11-20T10:18:05.256Z [WARNING]: npm WARN react#"^17.0.2" from the root project
npm WARN 28 more (#emotion/react, #emotion/styled, #material-ui/core, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react#"^0.14.0 || ^15.0.0 || ^16.0.0" from create-react-context#0.2.3
2022-11-20T10:18:05.257Z [WARNING]: npm WARN node_modules/create-react-context
npm WARN create-react-context#"^0.2.3" from react-naver-maps#0.0.13
npm WARN node_modules/react-naver-maps
npm WARN
npm WARN Conflicting peer dependency: react#16.14.0
npm WARN node_modules/react
npm WARN peer react#"^0.14.0 || ^15.0.0 || ^16.0.0" from create-react-context#0.2.3
npm WARN node_modules/create-react-context
npm WARN create-react-context#"^0.2.3" from react-naver-maps#0.0.13
npm WARN node_modules/react-naver-maps
2022-11-20T10:18:05.748Z [WARNING]: npm
2022-11-20T10:18:05.749Z [WARNING]: ERR! code ERESOLVE
2022-11-20T10:18:05.751Z [WARNING]: npm
2022-11-20T10:18:05.751Z [WARNING]: ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: react-naver-maps#0.0.13
npm ERR! Found: react#17.0.2
npm ERR! node_modules/react
npm ERR! react#"^17.0.2" from the root project
npm ERR! peer react#">=16.8.0" from #emotion/react#11.9.3
npm ERR! node_modules/#emotion/react
npm ERR! #emotion/react#"^11.7.1" from the root project
npm ERR! peer #emotion/react#"^11.0.0-rc.0" from #emotion/styled#11.9.3
npm
2022-11-20T10:18:05.751Z [WARNING]: ERR! node_modules/#emotion/styled
npm ERR! #emotion/styled#"^11.6.0" from the root project
npm ERR! 3 more (#mui/material, #mui/styled-engine, #mui/system)
npm ERR! 3 more (#mui/material, #mui/styled-engine, #mui/system)
npm ERR! 27 more (#emotion/styled, #material-ui/core, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^0.14.0 || ^15.0.0-0 || ^16.0.0-0" from react-naver-maps#0.0.13
npm ERR! node_modules/react-naver-maps
npm ERR! react-naver-maps#"0.0.13" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react#16.14.0
npm ERR! node_modules/react
npm
2022-11-20T10:18:05.752Z [WARNING]: ERR! peer react#"^0.14.0 || ^15.0.0-0 || ^16.0.0-0" from react-naver-maps#0.0.13
npm ERR! node_modules/react-naver-maps
npm ERR! react-naver-maps#"0.0.13" 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 /root/.npm/eresolve-report.txt for a full report.
2022-11-20T10:18:05.752Z [WARNING]:
2022-11-20T10:18:05.753Z [WARNING]: npm ERR! A complete log of this run can be found in:
npm ERR! /root/.npm/_logs/2022-11-20T10_18_03_884Z-debug-0.log
2022-11-20T10:18:05.761Z [ERROR]: !!! Build failed
2022-11-20T10:18:05.761Z [ERROR]: !!! Non-Zero Exit Code detected
2022-11-20T10:18:05.761Z [INFO]: # Starting environment caching...
2022-11-20T10:18:05.761Z [INFO]: # Uploading environment cache artifact...
2022-11-20T10:18:05.835Z [INFO]: # Uploaded environment cache artifact
2022-11-20T10:18:05.836Z [INFO]: # Environment caching completed
Terminating logging...
our package.json is this
{
"name": "my-app",
"version": "0.1.0",
"private": true,
"dependencies": {
"#babel/core": "^7.16.0",
"#emotion/react": "^11.7.1",
"#emotion/styled": "^11.6.0",
"#material-ui/core": "^4.12.4",
"#mui/icons-material": "^5.2.5",
"#mui/material": "^5.2.8",
"#mui/styled-engine-sc": "^5.1.0",
"#pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
"#svgr/webpack": "^5.5.0",
"#testing-library/jest-dom": "^5.16.1",
"#testing-library/react": "^12.1.2",
"#testing-library/user-event": "^13.5.0",
"#tinymce/tinymce-react": "^4.2.0",
"alloyfinger": "^0.1.16",
"axios": "^0.25.0",
"babel-jest": "^27.4.2",
"babel-loader": "^8.2.3",
"babel-plugin-named-asset-import": "^0.3.8",
"babel-preset-react-app": "^10.0.1",
"bfj": "^7.0.2",
"browserslist": "^4.18.1",
"camelcase": "^6.2.1",
"case-sensitive-paths-webpack-plugin": "^2.4.0",
"css-loader": "^6.5.1",
"css-minimizer-webpack-plugin": "^3.2.0",
"dotenv": "^10.0.0",
"dotenv-expand": "^5.1.0",
"eslint": "^8.3.0",
"eslint-config-react-app": "^7.0.0",
"eslint-webpack-plugin": "^3.1.1",
"file-loader": "^6.2.0",
"fs-extra": "^10.1.0",
"html-webpack-plugin": "^5.5.0",
"identity-obj-proxy": "^3.0.0",
"jest": "^27.4.3",
"jest-resolve": "^27.4.2",
"jest-watch-typeahead": "^1.0.0",
"leaflet": "^1.7.1",
"markdown": "^0.5.0",
"mini-css-extract-plugin": "^2.4.5",
"open-color": "^1.9.1",
"postcss": "^8.4.4",
"postcss-flexbugs-fixes": "^5.0.2",
"postcss-loader": "^6.2.1",
"postcss-normalize": "^10.0.1",
"postcss-preset-env": "^7.0.1",
"prompts": "^2.4.2",
"react": "^17.0.2",
"react-app-polyfill": "^3.0.0",
"react-cookie": "^4.1.1",
"react-daum-postcode": "^3.1.1",
"react-dev-utils": "^12.0.0",
"react-dom": "^17.0.2",
"react-imageslides": "^3.0.0-beta.2",
"react-leaflet": "^3.2.4",
"react-naver-maps": "0.0.13",
"react-redux": "^8.0.2",
"react-refresh": "^0.11.0",
"react-router-dom": "^6.2.1",
"react-window": "^1.8.6",
"redux": "^4.2.0",
"resolve": "^1.20.0",
"resolve-url-loader": "^4.0.0",
"sass-loader": "^12.3.0",
"semver": "^7.3.5",
"source-map-loader": "^3.0.0",
"style-loader": "^3.3.1",
"styled-components": "^5.3.3",
"tailwindcss": "^3.0.2",
"terser-webpack-plugin": "^5.2.5",
"tinymce": "^6.2.0",
"util": "^0.12.4",
"utill": "^0.1.3",
"web-vitals": "^2.1.3",
"webpack": "^5.64.4",
"webpack-dev-server": "^4.6.0",
"webpack-manifest-plugin": "^4.0.2",
"workbox-webpack-plugin": "^6.4.1"
},
"scripts": {
"start": "node scripts/start.js",
"build": "node scripts/build.js",
"test": "node scripts/test.js"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"html-loader": "^4.1.0",
"json-loader": "^0.5.7"
},
"proxy": "https://accounts.google.com",
"jest": {
"roots": [
"<rootDir>/src"
],
"collectCoverageFrom": [
"src/**/*.{js,jsx,ts,tsx}",
"!src/**/*.d.ts"
],
"setupFiles": [
"react-app-polyfill/jsdom"
],
"setupFilesAfterEnv": [],
"testMatch": [
"<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
"<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}"
],
"testEnvironment": "jsdom",
"transform": {
"^.+\\.(js|jsx|mjs|cjs|ts|tsx)$": "<rootDir>/config/jest/babelTransform.js",
"^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
"^(?!.*\\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
},
"transformIgnorePatterns": [
"[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs|cjs|ts|tsx)$",
"^.+\\.module\\.(css|sass|scss)$"
],
"modulePaths": [],
"moduleNameMapper": {
"^react-native$": "react-native-web",
"^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy"
},
"moduleFileExtensions": [
"web.js",
"js",
"web.ts",
"ts",
"web.tsx",
"tsx",
"json",
"web.jsx",
"jsx",
"node"
],
"watchPlugins": [
"jest-watch-typeahead/filename",
"jest-watch-typeahead/testname"
],
"resetMocks": true
},
"babel": {
"presets": [
"react-app"
]
}
}
or don't use that modules?
The error indicates a missing peer dependency of react between versions 14-16 so it is likely not compatible with your newer version of react 17. Peer dependencies are dependencies that you must install manually or are typically found in the dependency trees of similar libraries, but are still mandatory for the operation of the library. Your best option is to try a different library.

There are mistakes during npm install

I am new in React and WebPack. I actually don't have any experience with such problems.
I tried to set up webpack, everything was ok. But after installing some packages during development, I started to get such mistakes. I tried to use --legacy-peer-deps, but it does not help me solve these problems.
If you know what packages to change or maybe update and how to fix it, thank you in advance!
While resolving: extract-text-webpack-plugin#3.0.2
npm ERR! Found: webpack#5.74.0
npm ERR! node_modules/webpack
npm ERR! dev webpack#"^5.74.0" from the root project
npm ERR! peer webpack#">=4.43.0 <6.0.0" from #pmmmwh/react-refresh-webpack-plugin#0.5.8
npm ERR! node_modules/#pmmmwh/react-refresh-webpack-plugin
npm ERR! #pmmmwh/react-refresh-webpack-plugin#"^0.5.3" from #storybook/react#6.5.12
npm ERR! node_modules/#storybook/react
npm ERR! dev #storybook/react#"^6.5.12" from the root project
npm ERR! 25 more (#storybook/builder-webpack5, #storybook/core, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack#"^3.1.0" from extract-text-webpack-plugin#3.0.2
npm ERR! node_modules/extract-text-webpack-plugin
npm ERR! dev extract-text-webpack-plugin#"^3.0.2" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: webpack#3.12.0
npm ERR! node_modules/webpack
npm ERR! peer webpack#"^3.1.0" from extract-text-webpack-plugin#3.0.2
npm ERR! node_modules/extract-text-webpack-plugin
npm ERR! dev extract-text-webpack-plugin#"^3.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 /home/user/.npm/eresolve-report.txt for a full report.
my package.json is below
"devDependencies": {
"#babel/core": "^7.19.1",
"#babel/preset-env": "^7.19.1",
"#babel/preset-typescript": "^7.18.6",
"#marshallofsound/webpack-asset-relocator-loader": "^0.5.0",
"#storybook/addon-actions": "^6.5.12",
"#storybook/addon-essentials": "^6.5.12",
"#storybook/addon-interactions": "^6.5.12",
"#storybook/addon-links": "^6.5.12",
"#storybook/builder-webpack5": "^6.5.12",
"#storybook/manager-webpack5": "^6.5.12",
"#storybook/preset-scss": "^1.0.3",
"#storybook/react": "^6.5.12",
"#storybook/testing-library": "^0.0.13",
"#testing-library/dom": "^8.18.1",
"#testing-library/jest-dom": "^5.16.5",
"#testing-library/react": "12",
"#testing-library/user-event": "^14.4.3",
"#types/jest": "^29.0.2",
"#types/react": "^17.0.3",
"#types/react-dom": "^17.0.2",
"#types/react-transition-group": "^4.4.5",
"#types/webpack-env": "^1.16.0",
"#typescript-eslint/eslint-plugin": "^5.37.0",
"#typescript-eslint/parser": "^5.37.0",
"babel-core": "^7.0.0-bridge.0",
"babel-jest": "^29.0.3",
"babel-loader": "^8.2.5",
"cross-env": "^7.0.3",
"css-loader": "^5.2.4",
"cz-conventional-changelog": "3.3.0",
"eslint": "^7.22.0",
"eslint-import-resolver-alias": "^1.1.2",
"eslint-plugin-import": "^2.22.1",
"eslint-plugin-react": "^7.31.8",
"extract-text-webpack-plugin": "^3.0.2",
"file-loader": "^6.2.0",
"fork-ts-checker-webpack-plugin": "^6.2.4",
"html-webpack-plugin": "^5.3.1",
"jest": "^29.0.3",
"jest-environment-jsdom": "^29.0.3",
"less": "^4.1.1",
"less-loader": "8.1.1",
"mini-css-extract-plugin": "^1.5.0",
"react-hot-loader": "^4.13.0",
"react-test-renderer": "^18.2.0",
"resolve-url-loader": "2.3.1",
"sass": "^1.54.9",
"sass-loader": "^13.0.2",
"style-loader": "^2.0.0",
"ts-jest": "^29.0.1",
"ts-loader": "^9.1.0",
"typescript": "^4.8.3",
"webpack": "^5.74.0",
"webpack-cli": "^4.6.0",
"webpack-dev-server": "^3.11.2"
},
"dependencies": {
"#hot-loader/react-dom": "^17.0.1",
"#types/node-sass": "^4.11.3",
"adjust-sourcemap-loader": "1.2.0",
"axios": "^0.27.2",
"classnames": "^2.3.2",
"css-modules-typescript-loader": "^4.0.1",
"eslint-plugin-padding": "^0.0.4",
"image-webpack-loader": "^8.1.0",
"node-sass": "^7.0.3",
"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-transition-group": "^4.4.5",
"ts-node": "^10.9.1",
"typescript-css-modules": "^1.0.4"
},
Try to run npm install --legacy-peer-deps
Seems your node version and project requirements conflict. First, uninstall node from your machine:
from this link
And install the latest version of node from here:
node installation
Hope it would work.Thanks
Try to downgrade the node version using nvm

How to fix Could not resolve dependency: npm ERR

Hi on npm install i got this error:
how can i solve it without using --force or --legacy-peer-deps?
i tried to looking for similar problems but all the suggestion is to using the above flags.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: #babel/eslint-parser#7.18.2
npm ERR! Found: eslint#5.16.0
npm ERR! node_modules/eslint
npm ERR! dev eslint#"^5.16.0" from the root project
npm ERR! peer eslint#"*" from #typescript-eslint/experimental-utils#2.34.0
npm ERR! node_modules/#typescript-eslint/experimental-utils
npm ERR! #typescript-eslint/experimental-utils#"^2.5.0" from eslint-plugin-jest#23.20.0
npm ERR! node_modules/eslint-plugin-jest
npm ERR! dev eslint-plugin-jest#"^23.7.0" from the root
project
npm ERR! 8 more (babel-eslint, eslint-config-prettier, eslint-loader, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer eslint#"^7.5.0 || ^8.0.0" from #babel/eslint-parser#7.18.2
npm ERR! node_modules/#babel/eslint-parser
npm ERR! #babel/eslint-parser#"^7.16.5" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: eslint#8.19.0
npm ERR! node_modules/eslint
npm ERR! peer eslint#"^7.5.0 || ^8.0.0" from #babel/eslint-parser#7.18.2
npm ERR! node_modules/#babel/eslint-parser
npm ERR! #babel/eslint-parser#"^7.16.5" 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.
this is my package.json file:
{
"name": "ng_starter",
"version": "0.0.1",
"description": "ng_starter",
"private": true,
"scripts": {
"dev": "webpack-cli serve --mode development --env=development --hot",
"mock": "webpack-cli serve --mode development --env=mock --hot",
"prod": "webpack-cli build --mode production --env=production",
"devprod": "webpack-cli build --mode development --env=devprod",
"test": "jest --env=jsdom",
"test-dev": "jest --env=jsdom --watch",
"lint-fix": "eslint --fix --ext .js --ext .jsx src"
},
"dependencies": {
"#babel/eslint-parser": "^7.16.5",
"#reduxjs/toolkit": "^1.7.1",
"axios": "^0.21.1",
"catalogone-ui-components": "1.16.0",
"catalogone-ui-utility": "1.16.0",
"classnames": "2.2.6",
"d3-hierarchy": "^3.1.1",
"i18next": "17.0.3",
"connected-react-router": "^6.9.1",
"lodash": "^4.17.21",
"prop-types": "15.7.2",
"query-string": "^6.10.1",
"react": "16.8.6",
"react-dom": "16.8.6",
"react-redux": "^7.2.6",
"react-redux-i18n": "^1.9.2",
"react-test-renderer": "16.8.6",
"redux-actions": "^2.6.5",
"redux-logger": "^3.0.6",
"redux-thunk": "^2.3.0",
"validator": "^12.2.0"
},
"devDependencies": {
"#babel/cli": "7.12.10",
"#babel/core": "7.12.10",
"#babel/plugin-proposal-class-properties": "7.12.1",
"#babel/plugin-proposal-decorators": "7.12.12",
"#babel/plugin-proposal-export-default-from": "7.12.1",
"#babel/plugin-proposal-function-bind": "7.12.1",
"#babel/plugin-proposal-nullish-coalescing-operator": "7.12.1",
"#babel/plugin-proposal-optional-chaining": "7.12.7",
"#babel/plugin-transform-runtime": "^7.12.10",
"#babel/preset-env": "7.12.11",
"#babel/preset-react": "^7.16.7",
"#babel/register": "7.12.10",
"#babel/runtime": "^7.12.5",
"babel-eslint": "^10.1.0",
"babel-loader": "8.0.6",
"babel-plugin-istanbul": "5.2.0",
"babel-plugin-module-resolver": "3.2.0",
"clean-webpack-plugin": "^3.0.0",
"copy-webpack-plugin": "^6.4.1",
"css-loader": "2.1.1",
"eslint": "^5.16.0",
"eslint-config-prettier": "^4.1.0",
"eslint-loader": "^3.0.3",
"eslint-plugin-import": "^2.20.1",
"eslint-plugin-jest": "^23.7.0",
"eslint-plugin-prettier": "^3.1.2",
"eslint-plugin-react": "^7.18.3",
"eslint-plugin-react-hooks": "4.2.0",
"eslint-webpack-plugin": "^3.1.0",
"file-loader": "^4.0.0",
"html-webpack-plugin": "^4.5.2",
"jest": "^25.1.0",
"mini-css-extract-plugin": "^1.6.2",
"mocker-api": "^2.9.4",
"node-sass": "npm:sass#1.32.8",
"prettier": "1.19.1",
"react-router-dom": "^5.3.0",
"sass-loader": "7.1.0",
"sass-resources-loader": "2.0.1",
"source-map-loader": "^1.1.3",
"style-loader": "0.23.1",
"svg-transform-loader": "^2.0.13",
"url-loader": "2.0.0",
"webpack": "^4.44.0",
"webpack-cli": "^4.9.1",
"webpack-dev-server": "^3.10.3",
"webpack-merge": "^5.7.3"
}
}
It seems to me like I have babel/eslint-parser#7.18.2
but I'm not totally sure how to solve this

How to solve npm error "npm ERR! code ELIFECYCLE"?

No error when I entered npm run dev to edit the code, but can not build/export it.
Here is the ERROR that shown on the Terminal when I entered npm run build
> #landing/015-next#0.0.1 postbuild C:\Users\Han\Desktop\andamilo\agency-alpha-next
> next-sitemap
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! #landing/015-next#0.0.1 postbuild: `next-sitemap`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the #landing/015-next#0.0.1 postbuild script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Han\AppData\Roaming\npm-cache\_logs\2021-09-30T03_47_34_736Z-debug.log
package.json
{
"name": "#landing/015-next",
"version": "0.0.1",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"serve": "next start",
"export": "next export",
"postbuild": "next-sitemap"
},
"dependencies": {
"framer-motion": "^2.9.5",
"next": "^10.0.3",
"next-compose-plugins": "^2.2.1",
"next-optimized-images": "^2.6.2",
"polished": "^4.0.5",
"rc-drawer": "^4.1.0",
"rc-tabs": "^11.7.2",
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-ga": "^3.3.0",
"react-icons": "^4.1.0",
"react-responsive": "^8.2.0",
"react-scroll": "^1.8.1",
"react-stickynode": "^3.0.4",
"swiper": "^6.3.5",
"theme-ui": "^0.3.4"
},
"devDependencies": {
"imagemin-mozjpeg": "^9.0.0",
"imagemin-optipng": "^8.0.0",
"imagemin-svgo": "^8.0.0",
"next-sitemap": "^1.1.6"
}
}
I have deleted cache and re-install npm, but it is not working.
Is there alternative way to resolve this error?
best regards,

ERESOLVE unable to resolve dependency tree in my react native web project

I got a react native web template that I am trying to make work. So I installed #reduxjs/toolkit for my state management. But I ran into an error when running the project after installation.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: react#16.9.0
npm ERR! node_modules/react
npm ERR! peer react#"16.9.0" from react-native#0.61.5
npm ERR! node_modules/react-native
npm ERR! peer react-native#"^0.61.0" from #react-native-community/cli#3.2.1
npm ERR! node_modules/#react-native-community/cli
npm ERR! #react-native-community/cli#"^3.0.0" from react-native#0.61.5
npm ERR! react-native#"^0.61.5" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! #reduxjs/toolkit#"^1.6.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react#17.0.2
npm ERR! node_modules/react
npm ERR! peerOptional react#"^16.14.0 || ^17.0.0" from #reduxjs/toolkit#1.6.0
npm ERR! node_modules/#reduxjs/toolkit
npm ERR! #reduxjs/toolkit#"^1.6.0" 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.
These are the dependecies and devDependencies for the package.json files for each directory.
root/packages/common
{
"name": "#monorepo/common",
"version": "1.0.0",
"main": "dist/index.js",
"scripts": {
"build": "rm -rf dist && tsc",
"watch": "tsc --watch"
},
"license": "MIT",
"dependencies": {
"#reduxjs/toolkit": "^1.6.0",
"grunt-sync": "^0.8.2",
"react-native": "^0.61.5"
},
"devDependencies": {
"#types/react-native": "^0.61.16",
"grunt": "^1.4.1",
"grunt-contrib-watch": "^1.1.0",
"typescript": "^3.8.2"
}
}
root/packages/mobile
"dependencies": {
"react": "16.8.6",
"react-native": "0.60.5"
},
"devDependencies": {
"#monorepo/common": "1.0.0",
"#babel/core": "^7.5.0",
"#babel/runtime": "^7.5.0",
"#react-native-community/eslint-config": "^0.0.3",
"#types/jest": "^24.0.18",
"#types/react": "^16.9.2",
"#types/react-native": "^0.60.14",
"#types/react-test-renderer": "^16.9.0",
"babel-jest": "^24.1.0",
"jest": "^24.1.0",
"metro-react-native-babel-preset": "0.54.1",
"react-test-renderer": "16.8.6",
"typescript": "^3.6.3"
}
root/packages/web
"dependencies": {
"#monorepo/common": "1.0.0",
"#testing-library/jest-dom": "^4.2.4",
"#testing-library/react": "^9.3.2",
"#testing-library/user-event": "^7.1.2",
"#types/jest": "^24.0.0",
"#types/node": "^12.0.0",
"#types/react": "^16.9.0",
"#types/react-dom": "^16.9.0",
"react": "^16.12.0",
"react-dom": "^16.12.0",
"react-native-web": "^0.12.1",
"react-scripts": "3.4.0",
"typescript": "~3.7.2"
},
"devDependencies": {
"#types/react-native": "^0.61.16",
"cross-env": "^7.0.3",
"uuid": "^8.3.2"
}
I tried upgrading to the latest packages, but I still run into the same error, this time the conflict is somewhere else, and the top dependency is still #react-native-community/cli.
This should allow a more flexible peer dependency resolution
npm install --legacy-peer-deps
Faced the same problem. Unable to install '#reduxjs/toolkit' due to a mismatch of the react version(>17.0.0). You need to update the react to the latest (preferably) version. To do this, delete the folders 'react', 'react-dom', 'react-native' from the node_modules folder.
Next, write the command in the terminal in the project directory:
npm install react#latest react-dom#latest react-native#latest
Next, if everything went well, you can check which versions you have now, if everything is correct, then we calmly install the Redux toolkit with the command:
npm install #reduxjs/toolkit
Personally, it helped me

Resources