npm warning after upgrading angular version - node.js

I am facing the below warnings while upgrading from angular 8 to 14. I can build and run application properly despite the warning. However, I would like to remove the warning. Below is the warning. How do I remove it?
Angular version: 14.2.0
nodejs version : 14.17.6
npm WARN ajv-keywords#3.5.2 requires a peer of ajv#^6.9.1 but none is installed. You must install peer dependencies yourself.
npm WARN codelyzer#6.0.2 requires a peer of #angular/compiler#>=2.3.1 <13.0.0 || ^12.0.0-next || ^12.1.0-next || ^12.2.0-next but none is installed. You must install peer dependencies yourself.
npm WARN codelyzer#6.0.2 requires a peer of #angular/core#>=2.3.1 <13.0.0 || ^12.0.0-next || ^12.1.0-next || ^12.2.0-next but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: esbuild-darwin-64#0.15.5 (node_modules\esbuild-darwin-64):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for esbuild-darwin-64#0.15.5: wanted {"os":"darwin","arch":"x64"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: esbuild-android-arm64#0.15.5 (node_modules\esbuild-android-arm64):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for esbuild-android-arm64#0.15.5: wanted {"os":"android","arch":"arm64"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: #esbuild/linux-loong64#0.15.5 (node_modules#esbuild\linux-loong64):

Related

trying to upgrade #ng-bootstrap/ng-bootstrap but it stays the same version

Angular CLI: 10.1.2
Node: 12.18.1
OS: win32 x64
Angular: 10.1.2
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, localize, platform-browser
... platform-browser-dynamic, router
Ivy Workspace: Yes
Package Version
---------------------------------------------------------
#angular-devkit/architect 0.1001.2
#angular-devkit/build-angular 0.1001.2
#angular-devkit/core 10.1.2
#angular-devkit/schematics 10.1.2
#angular/http 5.2.11
#schematics/angular 10.1.2
#schematics/update 0.1001.2
rxjs 6.6.3
typescript 4.0.3
I want to upgrade #ng-bootstrap/ng-bootstrap to latest version 7.0.0.
npm #ng-bootstrap/ng-bootstrap -version
6.14.5
When i try to upgrade to version 7.0.0 i get this:
ng add #ng-bootstrap/ng-bootstrap#7.0.0
Skipping installation: Package already installed
An unhandled exception occurred: Cannot find module '#schematics/angular/utility/workspace'
Require stack:
- C:\MyProjects\LunchTime\node_modules\#ng-bootstrap\ng-bootstrap\schematics\ng-add\index.js
- C:\MyProjects\LunchTime\client\node_modules\#angular-devkit\schematics\tools\export-ref.js
- C:\MyProjects\LunchTime\client\node_modules\#angular-devkit\schematics\tools\index.js
- C:\MyProjects\LunchTime\client\node_modules\#angular\cli\utilities\json-schema.js
- C:\MyProjects\LunchTime\client\node_modules\#angular\cli\models\command-runner.js
- C:\MyProjects\LunchTime\client\node_modules\#angular\cli\lib\cli\index.js
- C:\Users\dagul\AppData\Roaming\npm\node_modules\#angular\cli\lib\init.js
- C:\Users\dagul\AppData\Roaming\npm\node_modules\#angular\cli\bin\ng
See "C:\Users\dagul\AppData\Local\Temp\ng-6sWgeN\angular-errors.log" for further details.
I removed node_modules and installed it again and still the same.
My package.json states that 7.0.0 is the version and when i try to add it again it adds 7.0.0 but when i run a version check i still have 6.14.5
PS C:\MyProjects\LunchTime\client> npm install #ng-bootstrap/ng-bootstrap
npm WARN #angular/http#5.2.11 requires a peer of rxjs#^5.5.0 but none is installed. You must install peer dependencies yourself.
npm WARN #angular/http#5.2.11 requires a peer of #angular/core#5.2.11 but none is installed. You must install peer dependencies yourself.
npm WARN #angular/http#5.2.11 requires a peer of #angular/platform-browser#5.2.11 but none is installed. You must install peer dependencies yourself.
npm WARN #nativescript/tslint-rules#0.0.5 requires a peer of tslint#^5.16.0 but none is installed. You must install peer dependencies yourself.
npm WARN #nativescript/tslint-rules#0.0.5 requires a peer of typescript#^3.4.0 but none is installed. You must install peer dependencies yourself.
npm WARN #phenomnomnominal/tsquery#3.0.0 requires a peer of typescript#^3 but none is installed. You must install peer dependencies yourself.
npm WARN bootstrap#4.5.2 requires a peer of jquery#1.9.1 - 3 but none is installed. You must install peer dependencies yourself.
npm WARN bootstrap#4.5.2 requires a peer of popper.js#^1.16.1 but none is installed. You must install peer dependencies yourself.
npm WARN codelyzer#3.2.2 requires a peer of #angular/compiler#^2.3.1 || >=4.0.0-beta <5.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN codelyzer#3.2.2 requires a peer of #angular/core#^2.3.1 || >=4.0.0-beta <5.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#2.1.3 (node_modules\#angular\compiler-cli\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#2.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#2.1.3 (node_modules\rollup\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#2.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#2.1.3 (node_modules\watchpack\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#2.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#1.2.13 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
+ #ng-bootstrap/ng-bootstrap#7.0.0 <---- THIS ONE!
removed 1 package, updated 1 package and audited 1635 packages in 89.645s
67 packages are looking for funding
run `npm fund` for details
found 3 low severity vulnerabilities
run `npm audit fix` to fix them, or `npm audit` for details
PS C:\MyProjects\LunchTime\client> npm #ng-bootstrap/ng-bootstrap -version
6.14.5 <--- WHY!?
PS C:\MyProjects\LunchTime\client>

Material-UI Can't import slider

import Slider from '#material-ui/lab/Slider';
returns an error on build
ERROR in ./src/components/StepSlider/StepSlider-view.jsx
Module not found: Error: Can't resolve '#material-ui/lab/Slider' in 'D:\GIT\...\components\StepSlider'
# ./src/components/StepSlider/StepSlider-view.jsx 2:0-45 29:26-32
# ./src/components/StepSlider/index.js
# ./src/components/plan_option_slider/PlanOptionSlider-view.jsx
# ./src/components/plan_option_slider/index.jsx
# ./src/features/plans/plans-view.jsx
# ./src/features/plans/index.jsx
# ./src/App.jsx
# ./src/index.jsx
Searching this error tells me to install lab, I'd already done that, but figured I'd give it another chance:
npm install #material-ui/lab
npm WARN bootstrap#4.4.1 requires a peer of popper.js#^1.16.0 but none is installed. You must install peer dependencies yourself.
npm WARN material-ui-pickers#2.2.4 requires a peer of #material-ui/core#^3.2.0 but none is installed. You must install
peer dependencies yourself.
npm WARN restaurant_project#1.0.0 No description
npm WARN restaurant_project#1.0.0 No repository field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#1.2.11 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#1.2.11: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
+ #material-ui/lab#4.0.0-alpha.40
updated 1 package and audited 12006 packages in 13.041s
found 0 vulnerabilities
I followed this:
npm WARN ... requires a peer of ... but none is installed. You must install peer dependencies yourself
(I was pretty sure I had all this installed, but figured I'd follow directions)
npm install --save-dev popper.js#^1.16.0
npm WARN deprecated popper.js#1.16.0: Popper changed home, find its new releases at #popperjs/core
npm WARN material-ui-pickers#2.2.4 requires a peer of #material-ui/core#^3.2.0 but none is installed. You must install
peer dependencies yourself.
npm WARN restaurant_project#1.0.0 No description
npm WARN restaurant_project#1.0.0 No repository field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#1.2.11 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#1.2.11: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
+ popper.js#1.16.0
updated 1 package and audited 12007 packages in 15.415s
found 0 vulnerabilities
npm install --save-dev #material-ui/core#^3.2.0
npm WARN #material-ui/icons#4.5.1 requires a peer of #material-ui/core#^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN #material-ui/lab#4.0.0-alpha.40 requires a peer of #material-ui/core#^4.9.0 but none is installed. You must install peer dependencies yourself.
npm WARN restaurant_project#1.0.0 No description
npm WARN restaurant_project#1.0.0 No repository field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#1.2.11 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#1.2.11: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
+ #material-ui/core#3.2.0
added 4 packages from 4 contributors, removed 26 packages, updated 5 packages and audited 11946 packages in 25.503s
found 0 vulnerabilities
This looks worrisome, it seems like the lab is asking for core4.9.0, but okay:
npm install --save-dev #material-ui/core#^4.0.0
npm WARN #material-ui/lab#4.0.0-alpha.40 requires a peer of #material-ui/core#^4.9.0 but none is installed. You must install peer dependencies yourself.
npm WARN material-ui-pickers#2.2.4 requires a peer of #material-ui/core#^3.2.0 but none is installed. You must install
peer dependencies yourself.
npm WARN restaurant_project#1.0.0 No description
npm WARN restaurant_project#1.0.0 No repository field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#1.2.11 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#1.2.11: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
+ #material-ui/core#4.0.0
added 26 packages from 8 contributors, removed 6 packages, updated 1 package and audited 12027 packages in 14.485s
found 0 vulnerabilities
So now it's telling me I need #material-ui/core#^3.2.0 again -- great, let me see if I can ignore that (it'll clear out the 4.9.0 I just installed)
npm install --save-dev #material-ui/core#^4.9.0
npm WARN material-ui-pickers#2.2.4 requires a peer of #material-ui/core#^3.2.0 but none is installed. You must install
peer dependencies yourself.
npm WARN restaurant_project#1.0.0 No description
npm WARN restaurant_project#1.0.0 No repository field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#1.2.11 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#1.2.11: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
+ #material-ui/core#4.9.0
added 5 packages from 4 contributors, removed 3 packages, updated 5 packages and audited 12007 packages in 15.823s
found 0 vulnerabilities
Alright, let's see if I can build it now.
No dice
ERROR in ./src/components/StepSlider/StepSlider-view.jsx
Module not found: Error: Can't resolve '#material-ui/lab/Slider' in 'D:\GIT\...\src\components\StepSlider'
# ./src/components/StepSlider/StepSlider-view.jsx 2:0-45 29:26-32
# ./src/components/StepSlider/index.js
# ./src/components/plan_option_slider/PlanOptionSlider-view.jsx
# ./src/components/plan_option_slider/index.jsx
# ./src/features/plans/plans-view.jsx
# ./src/features/plans/index.jsx
# ./src/App.jsx
# ./src/index.jsx
I'll try updating everything:
npm update
npm WARN deprecated popper.js#1.16.1: Popper changed home, find its new releases at #popperjs/core
npm WARN material-ui-pickers#2.2.4 requires a peer of #material-ui/core#^3.2.0 but none is installed. You must install
peer dependencies yourself.
npm WARN restaurant_project#1.0.0 No description
npm WARN restaurant_project#1.0.0 No repository field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#1.2.11 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#1.2.11: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
+ popper.js#1.16.1
updated 1 package and audited 12007 packages in 14.471s
found 0 vulnerabilities
build again:
no dice
ERROR in ./src/components/StepSlider/StepSlider-view.jsx
Module not found: Error: Can't resolve '#material-ui/lab/Slider' in 'D:\GIT\...\src\components\StepSlider'
# ./src/components/StepSlider/StepSlider-view.jsx 2:0-45 29:26-32
# ./src/components/StepSlider/index.js
# ./src/components/plan_option_slider/PlanOptionSlider-view.jsx
# ./src/components/plan_option_slider/index.jsx
# ./src/features/plans/plans-view.jsx
# ./src/features/plans/index.jsx
# ./src/App.jsx
# ./src/index.jsx
I'll try w/ the new popper
npm install #popperjs/core
npm WARN material-ui-pickers#2.2.4 requires a peer of #material-ui/core#^3.2.0 but none is installed. You must install
peer dependencies yourself.
npm WARN restaurant_project#1.0.0 No description
npm WARN restaurant_project#1.0.0 No repository field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#1.2.11 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#1.2.11: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
+ #popperjs/core#2.0.0
added 1 package from 1 contributor and audited 12008 packages in 19.887s
found 0 vulnerabilities
I'm lost, any help would be REALLY appreciated
https://material-ui.com/guides/migration-v3/
[Container] Moved from #material-ui/lab to #material-ui/core.
-import Container from '#material-ui/lab/Container';
+import Container from '#material-ui/core/Container';
after reading this I tested to see if they moved Slider too, they did.
import Slider from '#material-ui/lab/Slider';
should be
import Slider from '#material-ui/core/Slider';
Hope this saves someone else the time I wasted

Module not found: Can't resolve 'module' in 'projectroot\node_modules\load-grunt-tasks\node_modules\resolve-from'

Anyone got this error as well? No idea what to do. It happened after I installed load-grunt-tasks due to another error that came from there.
Now Im stuck...
When I do npm i --save resolve-from
I get this:
nanogames#0.1.0 C:\projectroot
+-- eslint#4.10.0 | -- require-uncached#1.0.3 |-- resolve-from#1.0.1
+-- UNMET PEER DEPENDENCY grunt#>=0.4.0 `-- resolve-from#4.0.0
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#^1.1.2
(node_modules\chokidar\node_modules\fsevents): npm WARN notsup
SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#1.1.3:
wanted {"os":"darwin","arch":"any"} (current:
{"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL
DEPENDENCY: fsevents#^1.0.0
(node_modules\webpack-dev-server\node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for
fsevents#1.1.3: wanted {"os":"darwin","arch":"any"} (current:
{"os":"win32","arch":"x64"}) npm WARN ajv-keywords#3.1.0 requires a
peer of ajv#^6.0.0 but none was installed. npm WARN
load-grunt-tasks#3.5.2 requires a peer of grunt#>=0.4.0 but none was
installed. npm WARN react-dom#15.6.2 requires a peer of react#^15.6.2
but none was installed.
I narrowed the issue down to the following source:
The error only comes up when I dynamically require images like so:
<img src={require(`${this.props.image}`} />

Not able to install angularfire2 via npm

I am trying to install angularfire2 from npm by running, but I keep getting this error
D:\angular\firebase\apartment>npm install angularfire2 firebase --save
apartment#0.0.0 D:\angular\firebase\apartment
+-- angularfire2#4.0.0-rc.1
`-- firebase#4.1.3
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#^1.0.0 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#1.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN angularfire2#4.0.0-rc.1 requires a peer of #angular/common#^4.0.0 but none was installed.
npm WARN angularfire2#4.0.0-rc.1 requires a peer of #angular/compiler#^4.0.0 but none was installed.
npm WARN angularfire2#4.0.0-rc.1 requires a peer of #angular/core#^4.0.0 but none was installed.
npm WARN angularfire2#4.0.0-rc.1 requires a peer of #angular/platform-browser#^4.0.0 but none was installed.
npm WARN angularfire2#4.0.0-rc.1 requires a peer of #angular/platform-browser-dynamic#^4.0.0 but none was installed.
Last 5 of npm warn's are due to dependencies. You don't have the required modules to install angularfire.
Two possible solutions are, either downgrade your npm i.e. lower than 3.
npm < 3 can download the depending modules by itself or install the 5 depending modules first.

Ionic 2 Final + AngularFire2 : UNMET PEER DEPENDENCY rxjs#5.0.0-beta.12

On Windows 10 with nodejs 7.5.0, after installing the ionic 2 final version there is a peer dependency error (rxjs#5.0.0-beta.12) when installing angularfire2.
Tried on Linux but the result was the same.
ionic -v
2.2.1
npm install angularfire2 --save
ionic-hello-world# D:\nodejs\unRated
+-- angularfire2#2.0.0-beta.7
-- UNMET PEER DEPENDENCY rxjs#5.0.0-beta.12
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#^1.0.0 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#1.0.17: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN angularfire2#2.0.0-beta.7 requires a peer of rxjs#^5.0.1 but none was installed.
Anyone with the same issue on the final ionic 2 release?
You have to install AngularFire 2.0.0-beta.6 to make it working.
npm install firebase#3.3.0 angularfire2#2.0.0-beta.6
Check this blog for more information https://chriztalk.com/ionic-2-and-firebase/

Resources