Home

Sharepoint Online - npm install sp-dev-fx-webparts error

%3CLINGO-SUB%20id%3D%22lingo-sub-1043740%22%20slang%3D%22en-US%22%3ESharepoint%20Online%20-%20npm%20install%20sp-dev-fx-webparts%20error%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1043740%22%20slang%3D%22en-US%22%3E%3CP%3EHey%20all%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EFor%20days%20I%20have%20been%20trying%20to%20install%20some%20of%20the%20sample%20webparts%20found%20on%20%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-fx-webparts%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Egithub%3C%2FA%3E%3C%2FP%3E%3CP%3EIt%20may%20also%20be%20worth%20noting%2C%20that%20I%20am%20not%20a%20developer%20or%20anything%20like%20that%2C%20and%20I%20am%20completely%20new%20to%20using%20node.%3C%2FP%3E%3CP%3EI%20am%20using%20Npm%20version%20is%26nbsp%3B6.13.1%2C%20but%20the%20install%20always%20ends%20up%20like%20below%20after%20running%20npm%20install%3A%3C%2FP%3E%3CP%3E_____________________________________________________________________________________________________________%3C%2FP%3E%3CP%3EC%3A%5CGithub%5Csp-dev-fx-webparts%5Csamples%5Creact-calendar%26gt%3Bnpm%20install%3CBR%20%2F%3Enpm%20WARN%20deprecated%20gulp-util%403.0.8%3A%20gulp-util%20is%20deprecated%20-%20replace%20it%2C%20following%20the%20guidelines%20at%20%3CA%20href%3D%22https%3A%2F%2Fmedium.com%2Fgulpjs%2Fgulp-util-ca3b1f9f9ac5%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fmedium.com%2Fgulpjs%2Fgulp-util-ca3b1f9f9ac5%3C%2FA%3E%3CBR%20%2F%3Enpm%20WARN%20deprecated%20wrench%401.3.9%3A%20wrench.js%20is%20deprecated!%20You%20should%20check%20out%20fs-extra%20(%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fjprichardson%2Fnode-fs-extra%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2Fjprichardson%2Fnode-fs-extra%3C%2FA%3E)%20for%20any%20operations%20you%20were%20using%20wrench%20for.%20Thanks%20for%20all%20the%20usage%20over%20the%20years.%3CBR%20%2F%3Enpm%20WARN%20deprecated%20core-js%401.2.7%3A%20core-js%40%26lt%3B3.0%20is%20no%20longer%20maintained%20and%20not%20recommended%20for%20usage%20due%20to%20the%20number%20of%20issues.%20Please%2C%20upgrade%20your%20dependencies%20to%20the%20actual%20version%20of%20core-js%403.%3CBR%20%2F%3Enpm%20WARN%20deprecated%20left-pad%401.3.0%3A%20use%20String.prototype.padStart()%3CBR%20%2F%3Enpm%20WARN%20deprecated%20minimatch%402.0.10%3A%20Please%20update%20to%20minimatch%203.0.2%20or%20higher%20to%20avoid%20a%20RegExp%20DoS%20issue%3CBR%20%2F%3Enpm%20WARN%20deprecated%20natives%401.1.6%3A%20This%20module%20relies%20on%20Node.js's%20internals%20and%20will%20break%20at%20some%20point.%20Do%20not%20use%20it%2C%20and%20update%20to%20graceful-fs%404.x.%3CBR%20%2F%3Enpm%20WARN%20deprecated%20kleur%402.0.2%3A%20Please%20upgrade%20to%20kleur%403%20or%20migrate%20to%20'ansi-colors'%20if%20you%20prefer%20the%20old%20syntax.%20Visit%20%26lt%3B%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Flukeed%2Fkleur%2Freleases%2Ftag%2Fv3.0.0%5C%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2Flukeed%2Fkleur%2Freleases%2Ftag%2Fv3.0.0%5C%3C%2FA%3E%26gt%3B%20for%20migration%20path(s).%3CBR%20%2F%3Enpm%20WARN%20deprecated%20es6-collections%400.5.6%3A%20not%20actively%20maintained%20anymore%3CBR%20%2F%3Enpm%20WARN%20deprecated%20fsevents%401.2.9%3A%20One%20of%20your%20dependencies%20needs%20to%20upgrade%20to%20fsevents%20v2%3A%201)%20Proper%20nodejs%20v10%2B%20support%202)%20No%20more%20fetching%20binaries%20from%20AWS%2C%20smaller%20package%20size%3CBR%20%2F%3Enpm%20WARN%20deprecated%20minimatch%400.2.14%3A%20Please%20update%20to%20minimatch%203.0.2%20or%20higher%20to%20avoid%20a%20RegExp%20DoS%20issue%3CBR%20%2F%3Enpm%20WARN%20deprecated%20core-js%402.6.10%3A%20core-js%40%26lt%3B3.0%20is%20no%20longer%20maintained%20and%20not%20recommended%20for%20usage%20due%20to%20the%20number%20of%20issues.%20Please%2C%20upgrade%20your%20dependencies%20to%20the%20actual%20version%20of%20core-js%403.%3CBR%20%2F%3Enpm%20WARN%20deprecated%20browserslist%401.7.7%3A%20Browserslist%202%20could%20fail%20on%20reading%20Browserslist%20%26gt%3B3.0%20config%20used%20in%20other%20tools.%3CBR%20%2F%3Enpm%20WARN%20deprecated%20%40types%2Fvfile-message%402.0.0%3A%20This%20is%20a%20stub%20types%20definition.%20vfile-message%20provides%20its%20own%20type%20definitions%2C%20so%20you%20do%20not%20need%20this%20installed.%3CBR%20%2F%3Enpm%20WARN%20deprecated%20graceful-fs%401.2.3%3A%20please%20upgrade%20to%20graceful-fs%204%20for%20compatibility%20with%20current%20and%20future%20versions%20of%20Node.js%3CBR%20%2F%3Enpm%20WARN%20react-draft-wysiwyg%401.13.2%20requires%20a%20peer%20of%20immutable%403.x.x%20%7C%7C%204.x.x%20but%20none%20is%20installed.%20You%20must%20install%20peer%20dependencies%20yourself.%3CBR%20%2F%3Enpm%20WARN%20draftjs-utils%400.9.4%20requires%20a%20peer%20of%20immutable%403.x.x%20%7C%7C%204.x.x%20but%20none%20is%20installed.%20You%20must%20install%20peer%20dependencies%20yourself.%3CBR%20%2F%3Enpm%20WARN%20html-to-draftjs%401.4.0%20requires%20a%20peer%20of%20immutable%403.x.x%20%7C%7C%204.x.x%20but%20none%20is%20installed.%20You%20must%20install%20peer%20dependencies%20yourself.%3CBR%20%2F%3Enpm%20WARN%20%40voitanos%2Fjest-preset-spfx-react16%401.3.2%20requires%20a%20peer%20of%20jest%40%5E24.8.0%20but%20none%20is%20installed.%20You%20must%20install%20peer%20dependencies%20yourself.%3CBR%20%2F%3Enpm%20WARN%20karma-junit-reporter%401.2.0%20requires%20a%20peer%20of%20karma%40%26gt%3B%3D0.9%20but%20none%20is%20installed.%20You%20must%20install%20peer%20dependencies%20yourself.%3CBR%20%2F%3Enpm%20WARN%20ajv-keywords%403.4.1%20requires%20a%20peer%20of%20ajv%40%5E6.9.1%20but%20none%20is%20installed.%20You%20must%20install%20peer%20dependencies%20yourself.%3CBR%20%2F%3Enpm%20WARN%20ts-jest%4024.0.2%20requires%20a%20peer%20of%20jest%40%26gt%3B%3D24%20%26lt%3B25%20but%20none%20is%20installed.%20You%20must%20install%20peer%20dependencies%20yourself.%3C%2FP%3E%3CP%3Enpm%20ERR!%20code%20ENOENT%3CBR%20%2F%3Enpm%20ERR!%20syscall%20rename%3CBR%20%2F%3Enpm%20ERR!%20path%20C%3A%5CGithub%5Csp-dev-fx-webparts%5Csamples%5Creact-calendar%5Cnode_modules%5C%40uifabric%5Cvariants%5Cnode_modules%5Coffice-ui-fabric-react%3CBR%20%2F%3Enpm%20ERR!%20dest%20C%3A%5CGithub%5Csp-dev-fx-webparts%5Csamples%5Creact-calendar%5Cnode_modules%5C%40uifabric%5Cvariants%5Cnode_modules%5C.office-ui-fabric-react.DELETE%3CBR%20%2F%3Enpm%20ERR!%20errno%20-4058%3CBR%20%2F%3Enpm%20ERR!%20enoent%20ENOENT%3A%20no%20such%20file%20or%20directory%2C%20rename%20'C%3A%5CGithub%5Csp-dev-fx-webparts%5Csamples%5Creact-calendar%5Cnode_modules%5C%40uifabric%5Cvariants%5Cnode_modules%5Coffice-ui-fabric-react'%20-%26gt%3B%20'C%3A%5CGithub%5Csp-dev-fx-webparts%5Csamples%5Creact-calendar%5Cnode_modules%5C%40uifabric%5Cvariants%5Cnode_modules%5C.office-ui-fabric-react.DELETE'%3CBR%20%2F%3Enpm%20ERR!%20enoent%20This%20is%20related%20to%20npm%20not%20being%20able%20to%20find%20a%20file.%3CBR%20%2F%3Enpm%20ERR!%20enoent%3C%2FP%3E%3CP%3Enpm%20ERR!%20A%20complete%20log%20of%20this%20run%20can%20be%20found%20in%3A%3CBR%20%2F%3E%3CBR%20%2F%3E%3C%2FP%3E%3CP%3E_____________________________________________________________________________________________________________%3C%2FP%3E%3CP%3EThere%20is%20alot%20of%20information%20in%20the%20log%20file%2C%20but%20honestly%20I%20have%20no%20idea%20how%20to%20put%20that%20information%20to%20good%20use%2C%20but%20I%20have%20attached%20to%20this%20message%3C%2FP%3E%3CP%3EI%20have%20done%20my%20SharePoint%20Framework%20according%20to%20this%20guide%3A%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fspfx%2Fset-up-your-development-environment%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fspfx%2Fset-up-your-development-environment%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20have%20tried%20re-install%20several%20times%20but%20not%20with%20any%20luck.%26nbsp%3B%3CBR%20%2F%3EThis%20may%20not%20be%20a%20node.js%20problem%20at%20all%2C%20but%20maybe%20a%20problem%20with%20the%20samples%20I%20am%20trying%20to%20install%2C%20and%20I%20that%20is%20the%20case%20so%20be%20it%2C%20I%20would%20just%20really%20like%20to%20test%20out%20these%20samples%2C%20since%20some%20of%20them%20seem%20to%20contain%20some%20pretty%20cool%20functionality.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHope%20some%20of%20you%20have%20some%20advice%20on%20this%20one%3C%2FP%3E%3CP%3EBest%20regards%3C%2FP%3E%3CP%3EMichael%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1059528%22%20slang%3D%22en-US%22%3ERe%3A%20Sharepoint%20Online%20-%20npm%20install%20sp-dev-fx-webparts%20error%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1059528%22%20slang%3D%22en-US%22%3E%3CP%3EI'm%20facing%20the%20same%20issue%20with%20the%20samples....%26nbsp%3B%40%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-fx-webparts%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-fx-webparts%3C%2FA%3E%3CBR%20%2F%3EI%20have%20reinstalled%20and%20installed%20npm%20and%20node%20so%20many%20times%20and%20followed%20the%20instructions%26nbsp%3B%20but%20no%20luck%3C%2FP%3E%3CP%3ESee%20the%20error%20in%20screenshot%20below%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F161050i88758DB92C44EC81%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_0.png%22%20title%3D%22clipboard_image_0.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHope%20to%20get%20a%20help%20on%20this%20one%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%20in%20Advance%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
miclarsen1
Occasional Visitor

Hey all,

 

For days I have been trying to install some of the sample webparts found on github

It may also be worth noting, that I am not a developer or anything like that, and I am completely new to using node.

I am using Npm version is 6.13.1, but the install always ends up like below after running npm install:

_____________________________________________________________________________________________________________

C:\Github\sp-dev-fx-webparts\samples\react-calendar>npm install
npm WARN deprecated gulp-util@3.0.8: gulp-util is deprecated - replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5
npm WARN deprecated wrench@1.3.9: wrench.js is deprecated! You should check out fs-extra (https://github.com/jprichardson/node-fs-extra) for any operations you were using wrench for. Thanks for all the usage over the years.
npm WARN deprecated core-js@1.2.7: core-js@<3.0 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
npm WARN deprecated left-pad@1.3.0: use String.prototype.padStart()
npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated natives@1.1.6: This module relies on Node.js's internals and will break at some point. Do not use it, and update to graceful-fs@4.x.
npm WARN deprecated kleur@2.0.2: Please upgrade to kleur@3 or migrate to 'ansi-colors' if you prefer the old syntax. Visit <https://github.com/lukeed/kleur/releases/tag/v3.0.0\> for migration path(s).
npm WARN deprecated es6-collections@0.5.6: not actively maintained anymore
npm WARN deprecated fsevents@1.2.9: One of your dependencies needs to upgrade to fsevents v2: 1) Proper nodejs v10+ support 2) No more fetching binaries from AWS, smaller package size
npm WARN deprecated minimatch@0.2.14: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated core-js@2.6.10: core-js@<3.0 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
npm WARN deprecated browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated @types/vfile-message@2.0.0: This is a stub types definition. vfile-message provides its own type definitions, so you do not need this installed.
npm WARN deprecated graceful-fs@1.2.3: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js
npm WARN react-draft-wysiwyg@1.13.2 requires a peer of immutable@3.x.x || 4.x.x but none is installed. You must install peer dependencies yourself.
npm WARN draftjs-utils@0.9.4 requires a peer of immutable@3.x.x || 4.x.x but none is installed. You must install peer dependencies yourself.
npm WARN html-to-draftjs@1.4.0 requires a peer of immutable@3.x.x || 4.x.x but none is installed. You must install peer dependencies yourself.
npm WARN @voitanos/jest-preset-spfx-react16@1.3.2 requires a peer of jest@^24.8.0 but none is installed. You must install peer dependencies yourself.
npm WARN karma-junit-reporter@1.2.0 requires a peer of karma@>=0.9 but none is installed. You must install peer dependencies yourself.
npm WARN ajv-keywords@3.4.1 requires a peer of ajv@^6.9.1 but none is installed. You must install peer dependencies yourself.
npm WARN ts-jest@24.0.2 requires a peer of jest@>=24 <25 but none is installed. You must install peer dependencies yourself.

npm ERR! code ENOENT
npm ERR! syscall rename
npm ERR! path C:\Github\sp-dev-fx-webparts\samples\react-calendar\node_modules\@uifabric\variants\node_modules\office-ui-fabric-react
npm ERR! dest C:\Github\sp-dev-fx-webparts\samples\react-calendar\node_modules\@uifabric\variants\node_modules\.office-ui-fabric-react.DELETE
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, rename 'C:\Github\sp-dev-fx-webparts\samples\react-calendar\node_modules\@uifabric\variants\node_modules\office-ui-fabric-react' -> 'C:\Github\sp-dev-fx-webparts\samples\react-calendar\node_modules\@uifabric\variants\node_modules\.office-ui-fabric-react.DELETE'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! A complete log of this run can be found in:

_____________________________________________________________________________________________________________

There is alot of information in the log file, but honestly I have no idea how to put that information to good use, but I have attached to this message

I have done my SharePoint Framework according to this guide:

https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-development-environment

 

I have tried re-install several times but not with any luck. 
This may not be a node.js problem at all, but maybe a problem with the samples I am trying to install, and I that is the case so be it, I would just really like to test out these samples, since some of them seem to contain some pretty cool functionality.

 

Hope some of you have some advice on this one

Best regards

Michael

 



 

 

 

1 Reply
Highlighted

I'm facing the same issue with the samples.... @ https://github.com/SharePoint/sp-dev-fx-webparts
I have reinstalled and installed npm and node so many times and followed the instructions  but no luck

See the error in screenshot below

clipboard_image_0.png

 

Hope to get a help on this one

 

Thanks in Advance