How to install Webpack into existing Angular application? - node.js

I tried to install Webpack into an existing directory of a project using this command:
npm install --save-dev webpack
However, it returns the following errors:
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 extract-text-webpack-plugin#2.1.2 requires a peer of webpack#^2.2.0 but none was installed.
npm WARN webpack-dev-server#2.4.5 requires a peer of webpack#^2.2.0 but none was installed.
How do I fix this and install Webpack?

It seems that you are running this on Win32 according to
wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}
Try to update your node/npm version.
Check out a version manager for node. For windows you can try this one.
Edit:
Author did not respond.
Things tried that might have worked:
npm install -f
npm install webpack#2.2.0

Related

Configure SharePoint Framework

I'm trying configure SharePoint FrameWork following this exercise.
I have installed nodejs (version v12.18.0) and npm (version 6.14.4).
When I run the following command:
npm install --global yo
I receive this response:
C:\Users\Familia Ramos>npm install --global yo
npm WARN deprecated cross-spawn-async#2.2.5: cross-spawn no longer requires a build toolchain, use it instead
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"})
npm ERR! Maximum call stack size exceeded
Can someone help me with this?
Thank you in advance
With version 10, it still gives me the same results
C:\Windows\system32>node -v
v10.21.0
C:\Windows\system32>npm -v
6.14.4
C:\Windows\system32>npm install -g yo gulp
npm WARN deprecated cross-spawn-async#2.2.5: cross-spawn no longer requires a build toolchain, use it instead
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"})
npm ERR! Maximum call stack size exceeded
"The current supported LTS version of NodeJS for the SharePoint Framework is Node.js v8.x and Node.js v10.x. Notice that 9.x, 11.x or 12.x versions are currently not supported with SharePoint Framework development. Above links are pointing to 10.20.1 version."
Just follow official guide here.
Finally,
I have made it work, activating the programmer mode in the windows settings
Regards

npm install -g #angular/cli command does not install angular cli

I am creating a sample angular2 web app. For that i have installed node.js (v 7.1.0)and NPM (v 3.10.9).
and now after opening system command prompt when I execute the command :
NPM install -g #angular/cli
to install angular cli I am getting the following shown results.
After doing ng -v to check the version of cli installed I am not getting the version number.
Is the cli not installed correctly?
or do I need to set any path variable in environment var?
What has to be done here? Please advise.
C:\Users\27727>d:
D:\>cd learn-angular
D:\learn-angular>npm i -g #angular/cli
npm WARN gentlyRm not removing C:\Users\27727\AppData\Roaming\npm\ng.cmd as it w
asn't installed by C:\Users\27727\AppData\Roaming\npm\node_modules\#angular\cli
npm WARN gentlyRm not removing C:\Users\27727\AppData\Roaming\npm\ng as it wasn'
t installed by C:\Users\27727\AppData\Roaming\npm\node_modules\#angular\cli
C:\Users\27727\AppData\Roaming\npm\ng -> C:\Users\27727\AppData\Roaming\npm\node
_modules\#angular\cli\bin\ng
C:\Users\27727\AppData\Roaming\npm
`-- #angular/cli#1.7.0
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#^1.0.0 (node_modules\#a
ngular\cli\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\#a
ngular\cli\node_modules\webpack-dev-server\node_modules\chokidar\node_modules\fs
events):
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
.
D:\learn-angular>ng -v
'ng' is not recognized as an internal or external command,
operable program or batch file.
D:\learn-angular>
In your system please check this path ( C:\Program Files\nodejs ) is there in environment variables.

WARNING ON : npm install --save angular-calendar

In angular 4 app , I need to use calendar control in a form. while i try to install npm for calendar control, facing the below mentioned warning.
I could ignore the warning but then i don't see angular-calendar installed in my node_modules for which am unable to import the required modules.
Below is the error for reference, Any help would be appreciated.
Am using
NPM version : '3.10.10'
Node version : '6.11.0'
Message:
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"})

how do I install npm packages in linux machine

I've installed nodejs v7.5.0 and npm v4.1.2 in my 32 bit linux mint machine. while I'm typin' npm install into terminal, it gives me these informations instead of being installed npm packages are:
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":"linux","arch":"ia32"})
npm WARN #angular/core#2.4.7 requires a peer of rxjs#^5.0.1 but none was installed.
npm WARN shwokat#1.0.0 No description
npm WARN shwokat#1.0.0 No repository field
Now where's my wrong? how to solve it and install npm packages correctly, please let me know?
Try sudo npm install npm -g
Go through the official guide.

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