我在安装必要的包“ 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
请帮助我。我不了解,因为我是新来的。
答案 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
来启动应用程序。