无法创建反应新项目

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

使用管理员访问权限运行所有命令到您的终端/命令提示符。 在我以管理员权限运行所有代码之前，我遇到了同样的错误。