無法創建反應新項目

Question

我試圖在安裝必要的包“node.js”后創建一個新的 React 項目，我按照教程中的指導運行了用於創建應用程序的代碼，但應用程序沒有創建。這是收到的錯誤消息。

$ npm install -g create-react-app
C:\Users\LADE\AppData\Roaming\npm\create-react-app -> C:\Users\LADE\AppData\Roaming\npm\node_modules\create-react-app\index.js
+ create-react-app@3.3.1
added 41 packages from 32 contributors, removed 9 packages and updated 15 packages in 52.883s

LADE@DESKTOP-O0URVQ6 MINGW64 /c/wamp64/www
$ cd react-app/
bash: cd: react-app/: No such file or directory

LADE@DESKTOP-O0URVQ6 MINGW64 /c/wamp64/www
$ npm start
npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path C:\wamp64\www\package.json
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, open 'C:\wamp64\www\package.json'
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\LADE\AppData\Roaming\npm-cache\_logs\2020-02-01T03_01_13_432Z-debug.log

請幫我解決一下這個。 我不明白，因為我是新來的。

Answer 1

您尚未創建 React 應用程序。 您的第一個命令全局安裝了create-react-app 。

$ npm install -g create-react-app

然后，您嘗試將cd （更改目錄）放入該命令不存在的目錄react-app

$ cd react-app

您要做的只是在其他命令之前運行此命令

$ npx create-react-app react-app

然后你可以發出以下命令

$ cd react-app
$ npm run start

Answer 2

使用要構建的應用程序的名稱運行 create-react-app 命令，例如：

 $ npx create-react-app name-of-your-app

請注意，您使用“npx”，因此不必在本地安裝 create-react-app。 運行該命令后，將自動創建一個與您的應用程序同名的新目錄，其中包含所有文件。

此外，測試您是否正確安裝了 Node 也是一個好主意。 要對此進行測試，只需使用以下命令行提示檢查版本即可。 如果它打印了版本，那么您就知道您正確安裝了它：

 $ node --version $ npm --version

Answer 3

您已經成功安裝了create-react-app ，這是一個用於創建基於 React 的應用程序的流行工具鏈。

npm start命令用於啟動標准的 React 應用程序。 但在本例中，您還沒有創建 React 應用程序。 這就是為什么它給你一個錯誤。

因此，要創建 React 應用程序，您已經安裝了create-react-app工具鏈。 第一步就完成了。

現在在終端中輸入npx create-react-app my-first-app 。 創建您的 React 應用程序需要一些時間。

請注意，您可以隨意調用您的 React 應用程序（在本例中為my-first-app ），但請確保您的 React 應用程序名稱的所有字符均為小寫。

完成創建您的應用程序后，它會給您一條成功消息。 之后，您需要在終端中運行cd my-first-app 。

然后你可以運行npm start來啟動你的應用程序。

Answer 4

使用管理員訪問權限運行所有命令到您的終端/命令提示符。 在我以管理員權限運行所有代碼之前，我遇到了同樣的錯誤。