Npm Install is failing for SPFx webpart

Question

question

sns1 asked May 5, '22 RaytheonXie-MSFT commented May 19, '22

Npm Install is failing for SPFx webpart

Even I ran npm install it is failing and please find the attached screenshot and logs.
199213-logs.txt

office-sharepoint-online sharepoint-dev office-sharepoint-server-customization

nonodemodules.png (28.7 KiB)

logs.txt (36.3 KiB)

npmissue.png (29.8 KiB)

· 1

5 |1600 characters needed characters left characters exceeded

Attachments: Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

RaytheonXie-MSFT · May 06 at 01:44 AM

Hi @sns1 ,
I am currently doing some research on this issue, will let you know as soon as possible

0 ·

Answer 1 · 2022-05-06T06:12:51.687Z

RaytheonXie-MSFT answered May 6, '22 RaytheonXie-MSFT commented May 19, '22

Hi @sns1 ,
To fix this error, you can follow the steps.
1. Delete node modules

 npm install rimraf -g     
 rimraf node_modules

Delete package-lock.json file
clean npm as administrator.

npm cache clean --force
run npm install

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

· 5

5 |1600 characters needed characters left characters exceeded

Attachments: Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

sns1 · May 06 at 06:39 AM

Hi RaytheonXie,

Thank you for the response.
I did as it is, looks like NPM module got intalled however in the end I see error. Please help further and find attached files
199398-2022-05-06t06-36-31-961z-debug.log

0 ·

sd.png (32.2 KiB)

2022-05-06t06-36-31-961z-debug.log (688.2 KiB)

RaytheonXie-MSFT sns1 · May 06 at 06:50 AM

Hi @sns1 ,
Please check the version of node and node-sass.

https://www.npmjs.com/package/node-sass

0 ·

image.png (13.7 KiB)

sns1 RaytheonXie-MSFT · May 06 at 07:21 AM

Hi RaythonXie,

I ran the commands mentioned in the blog, but still some issue, please suggest what exactly I need to do?

0 ·

tt.png (46.8 KiB)

Show more comments

RaytheonXie-MSFT · May 19 at 08:42 AM

Hi @sns1 ,
Have you tried the solution I proposed?

If you have any questions or progress, you can contact me in time.

Looking forward to your reply

Have a lucky day!

Thanks,
Raytheon Xie

0 ·

Answer 2 · 2022-05-06T08:37:32.477Z

sns1 answered May 6, '22 RaytheonXie-MSFT commented May 17, '22

Please share me the exact command to roll back to 12, I was doing google but it is giving errors for me.

· 11

5 |1600 characters needed characters left characters exceeded

Attachments: Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

RaytheonXie-MSFT · May 06 at 08:43 AM

Hi @sns1 ,
1.Go to Control panel> program and features>Node.js then uninstall
2.Go to website: https://nodejs.org/dist/ and download the version and install.

0 ·

sns1 RaytheonXie-MSFT · May 06 at 04:34 PM

Hi RaytheonXie,

I have uninstalled and installed but still same issue. while generating basic hello web part using yo generator , I am still seeing errors and in visual stuido code also node modules are not there
199710-logg.txt

0 ·

capture.png (117.7 KiB)

capture.png (98.6 KiB)

RaytheonXie-MSFT sns1 · May 09 at 07:21 AM

Hi @sns1 ,
Per your screenshot. Your node version is 18.1.0

If you want to install node 12. You should download this

0 ·

image.png (8.6 KiB)

image.png (39.7 KiB)

Show more comments

question