React vite 「npm error code 3221225477」がわからない

Question

実現したいこと

npm installを行い、npm run devを入力してアプリのひな型を作成する

発生している問題・分からないこと

VScodeでReact viteを使用してnpm installを行おうとしたときのnpm error code 3221225477が解決できない

エラーメッセージ

PS C:\Users\shota\OneDrive\デスクトップ\React studying\todosimple> npm create vite@latest

> npx
> create-vite

√ Project name: ... todosimple
√ Select a framework: » React
√ Select a variant: » JavaScript + SWC

Scaffolding project in C:\Users\shota\OneDrive\デスクトップ\React studying\todosimple\todosimple...

Done. Now run:

  cd todosimple
  npm install
  npm run dev

PS C:\Users\shota\OneDrive\デスクトップ\React studying\todosimple> cd todosimple
PS C:\Users\shota\OneDrive\デスクトップ\React studying\todosimple\todosimple> npm install
npm warn cleanup Failed to remove some directories [
npm warn cleanup   [
npm warn cleanup     '\\\\?\\C:\\Users\\shota\\OneDrive\\デスクトップ\\React studying\\todosimple\\todosimple\\node_modules\\esbuild',
npm warn cleanup     [Error: EBUSY: resource busy or locked, rmdir 'C:\Users\shota\OneDrive\デスクトップ\React studying\todosimple\todosimple\node_modules\esbuild'] {
npm warn cleanup       errno: -4082,
npm warn cleanup       code: 'EBUSY',
npm warn cleanup       syscall: 'rmdir',
npm warn cleanup       path: 'C:\\Users\\shota\\OneDrive\\デスクトップ\\React studying\\todosimple\\todosimple\\node_modules\\esbuild'
npm warn cleanup     }
npm warn cleanup   ],
npm warn cleanup   [
npm warn cleanup     '\\\\?\\C:\\Users\\shota\\OneDrive\\デスクトップ\\React studying\\todosimple\\todosimple\\node_modules',
npm warn cleanup     [Error: EPERM: operation not permitted, rmdir 'C:\Users\shota\OneDrive\デスクトップ\React studying\todosimple\todosimple\node_modules\eslint'] {
npm warn cleanup       errno: -4048,
npm warn cleanup       code: 'EPERM',
npm warn cleanup       syscall: 'rmdir',
npm warn cleanup       path: 'C:\\Users\\shota\\OneDrive\\デスクトップ\\React studying\\todosimple\\todosimple\\node_modules\\eslint'       
npm warn cleanup     }
npm warn cleanup   ]
npm warn cleanup ]
npm error code 3221225477
npm error path C:\Users\shota\OneDrive\デスクトップ\React studying\todosimple\todosimple\node_modules\@swc\core
npm error command failed
npm error command C:\Windows\system32\cmd.exe /d /s /c node postinstall.js
npm error A complete log of this run can be found in: C:\Users\shota\AppData\Local\npm-cache\_logs\2024-11-03T00_18_28_113Z-debug-0.log     
PS C:\Users\shota\OneDrive\デスクトップ\React studying\todosimple\todosimple> 

該当のソースコード

特になし

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

chatgptに聞いたところnpmキャッシュのクリア、再起動、管理者としてVScodeを開く、アンチウイルスソフトやonedriveの同期を一時停止、環境変数の設定、nodejsのバージョンがかみ合っていないなどが挙げられたのでそれらを実行しましたが、error codeが表示されることは変わらずうまくいきませんでした。

補足

特になし

Answer 1

エラーメッセージを見ると、ディレクトリが削除(rmdir)できない文言が出力されています。

Failed to remove some directories

Error: EBUSY: resource busy or locked, rmdir
syscall: 'rmdir',

Error: EPERM: operation not permitted, rmdir
syscall: 'rmdir'

PATHを見て気になるのは、
・OneDrive：OneDriveが管理しているディレクトリ配下で作業している
・デスクトップ：PATHに日本語が含まれている
・React studying：PATHに空白が含まれている
・読み書きできないPATHが含まれている？
などです。

ファイル操作のエラーが発生しないような場所(PATH)でプロジェクトを作って操作してみてください。

Comments

[shota___y]

回答ありがとうございます！powershellから　C: \Users\Username　の下にnpm create viteでフォルダを作成していったところ無事npm installも機能し、npm run dev まで行くことができました！ありがとうございます！

Answer 2

いいAPIを使えば、例えばEchoAPI、npmやVite環境のエラー解析が簡単に行えます！エラーコード3221225477のような問題も、リアルタイムでサポートしてくれるので、開発がスムーズに進みますよ。