React環境構築　つまづきメモ

ことりん

Node.jsインストール後、npx create-app d

PS C:\Users\kaopp\React_test> npx create-react-app react-basic
npm ERR! code ENOENT
npm ERR! syscall lstat
npm ERR! path C:\Users\kaopp\AppData\Roaming\npm
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\kaopp\AppData\Roaming\npm'
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:
npm ERR!     C:\Users\kaopp\AppData\Local\npm-cache\_logs\2023-07-05T03_42_36_282Z-debug-0.log
PS C:\Users\kaopp\React_test>

おっしゃるエラーメッセージから、npm（Node Package Manager）が指定されたファイルやディレクトリを見つけることができないということを示しています。

具体的には、npmがディレクトリ「C:\Users\kaopp\AppData\Roaming\npm」を見つけられないようです。このディレクトリは通常、npmがグローバルパッケージを格納する場所です。

このエラーの原因としては、次のいくつかの可能性が考えられます：

  1. npmがインストールされていない：まず、システムにnpmがインストールされていることを確認してください。ターミナルでコマンド「npm -v」を実行することで確認できます。npmがインストールされていない場合は、npmを含むNode.jsをインストールする必要があります。

  2. npmのインストールに問題がある：npmがインストールされているが、このエラーが発生する場合は、npmのインストールが破損しているか不完全である可能性があります。その場合は、Node.jsを再インストールすることで問題が解決する場合があります。

  3. PATHの設定：システムのPATH環境変数にnpmディレクトリが追加されていることを確認してください。これにより、コマンドプロンプトがnpmをグローバルに見つけることができます。PATH変数が正しく設定されていない場合は、必要に応じて手動でPATH変数を更新する必要があります。

さらなるトラブルシューティングのために、エラーメッセージに記載されているnpmのログファイルを確認してみてください。「C:\Users\kaopp\AppData\Local\npm-cache_logs\2023-07-05T03_42_36_282Z-debug-0.log」というログファイルは、具体的なエラーについて詳細を提供してくれるかもしれません。

さらに、プロジェクトディレクトリ（C:\Users\kaopp\React_test）で「npm init」というコマンドを実行して、新しいnpmプロジェクトを初期化してみることもお試しください。その後、再度「npx create-react-app react-basic」というコマンドを実行してみてください。

以下の手順を試してみてください：

npm ERR! path C:\Users\kaopp\AppData\Roaming\npmのエラーメッセージを見る限り、npmが指定されたパスにアクセスできないという問題が発生しています。

  1. エラーメッセージに示されているパス C:\Users\kaopp\AppData\Roaming\npm が存在するか確認してください。指定されたディレクトリが存在しない場合、手動で作成してください。

  2. もしパスが存在する場合でも、アクセス権限の問題がある可能性があります。管理者権限でコマンドプロンプトまたはターミナルを開いてください。

　　

PowerShellを管理者権限で実行する方法は以下の通りです：


  1. 「スタート」ボタンをクリックし、Windowsの検索バーに「PowerShell」と入力します。

  2. 「Windows PowerShell」または「PowerShell」の検索結果が表示されるので、右クリックしてコンテキストメニューを開きます。

  3. コンテキストメニューから「管理者として実行」を選択します。

  4. ユーザーアカウント制御（UAC）のダイアログが表示された場合は、管理者のパスワードを入力するか、確認のメッセージに応答します。

  5. PowerShellが管理者権限で開かれます。

また、コマンドプロンプトを管理者権限で実行してからPowerShellに切り替えることもできます。以下の手順を参考にしてください：

  1. 「スタート」ボタンをクリックし、Windowsの検索バーに「cmd」と入力します。

  2. 「コマンド プロンプト」の検索結果が表示されるので、右クリックしてコンテキストメニューを開きます。

  3. コンテキストメニューから「管理者として実行」を選択します。

  4. ユーザーアカウント制御（UAC）のダイアログが表示された場合は、管理者のパスワードを入力するか、確認のメッセージに応答します。

  5. コマンドプロンプトが管理者権限で開かれたら、powershellと入力してEnterキーを押します。

  6. PowerShellが管理者権限で開かれます。

どちらの方法でも、PowerShellを管理者権限で実行することができます。



  1. もしまだ解決しない場合、npmのキャッシュをクリアすることで問題が解決する場合があります。コマンドプロンプトまたはターミナルで以下のコマンドを実行してください：

　　npm cache clean --force

  1. もし問題が解決しない場合、Node.jsとnpmをアンインストールし、再インストールすることを検討してください。完全にアンインストールした後、最新バージョンのNode.jsを公式のNode.jsウェブサイト（https://nodejs.org）からダウンロードしてインストールしてください。


この記事が気に入ったらサポートをしてみませんか？