无法创建反应新项目

时间:2020-02-01 03:16:29

标签: node.js reactjs npm

我在安装必要的包“ 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

请帮助我。我不了解,因为我是新来的。

3 个答案:

答案 0 :(得分:2)

您尚未创建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

答案 1 :(得分:1)

使用要构建的应用程序的名称运行create-react-app命令,例如:

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

请注意,您使用的是“ npx”,因此不必在本地安装create-react-app。运行该命令后,将自动创建一个与您的应用同名的新目录,其中包含所有文件。

同样,最好测试一下是否正确安装了Node。要对此进行测试,只需使用以下命令行提示符检查版本。如果它显示该版本,则说明您已正确安装它:

$ node --version
$ npm --version

答案 2 :(得分:0)

您已成功安装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来启动应用程序。