我在安裝 create-react-app 時遇到問題

Question

當我安裝 create -react-app 時，我遇到了一個錯誤，這是我得到的錯誤代碼

首先，我嘗試通過運行此命令 npx create-react-app my-app 進行安裝，然后我得到“create-react-app”未被識別為內部或外部命令、可運行程序或批處理文件。

Need to install the following packages:
  create-react-app
Ok to proceed? (y) y
'create-react-app' is not recognized as an internal or external command,
operable program or batch file.

C:\Users\Ela EKİZ\Desktop\create-react-app>npm start

> start
> cd packages/react-scripts && node bin/react-scripts.js start

node:internal/modules/cjs/loader:936
  throw err;
  ^

Error: Cannot find module 'react-dev-utils/crossSpawn'
Require stack:
- C:\Users\Ela EKİZ\Desktop\create-react-app\packages\react-scripts\bin\react-scripts.js
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (C:\Users\Ela EKİZ\Desktop\create-react-app\packages\react-scripts\bin\react-scripts.js:18:15)
    at Module._compile (node:internal/modules/cjs/loader:1103:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1157:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'C:\\Users\\Ela EKİZ\\Desktop\\create-react-app\\packages\\react-scripts\\bin\\react-scripts.js'
  ]
}```

Answer 1

1. 刪除包括 node_modules 在內的整個文件夾。

2. 再次運行 npm 安裝。

祝你好運。

Answer 2

由於所提供的信息，我不明白確切的問題是什么。 但是您可以嘗試以下方法：

1. npx create-react-app my-app （如果您使用的節點版本 >=8

2. 添加C:\Users\ugur\AppData\Roaming\npm或C:\Users\Admin\AppData\Roaming\npm\node_modules到 windows PATH 變量。

3. 使用這個npx create-react-app new_app --use-npm

4. 如果您不理解第二個解決方案，或者路徑可能會有所不同，他們會使用以下方法：

=> 使用命令 npm root -g 檢查您的全局目錄

=>檢查文件夾，它是否有.cmd 的安裝包。

=>如果是，請復制文件夾路徑並放入用戶變量路徑

Answer 3

如上所述添加 PATH 變量后，執行以下操作：

在您的桌面上，在創建的“myreactapp”文件夾中，您可以找到“node_modules”文件夾。

我發現刪除該文件夾以及包鎖定文件並沒有解決問題，因為每次運行 npm 安裝時，它都會安裝最新版本的反應 (18.0.0)。

解決方案是打開 package.json 文件，該文件也可以在您的“myreactapp”文件夾中找到。 按照此處https://stackoverflow.com/a/71836018/1250552的描述，將 react 和 react-dom 的版本從 18.0.0 編輯到 17.0.2

更新版本后保存文件，然后在命令提示符下運行“cd myreact app”，然后運行 npm

這將在 localhost 3000 的瀏覽器中打開你的 React 應用程序