我最近切换到Ubuntu,每当我创建react应用程序时,它都会给我这个注释,它创建的应用程序是一个类组件。
ankit@gram:~/Documents/Development/React/react-project$ npx create-react-app my-app
Creating a new React app in /home/ankit/Documents/Development/React/react-project/my-app.
Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts...
added 987 packages in 39s
22 packages are looking for funding
run `npm fund` for details
Success! Created my-app at /home/ankit/Documents/Development/React/react-project/my-app
Inside that directory, you can run several commands:
npm start
Starts the development server.
npm run build
Bundles the app into static files for production.
npm test
Starts the test runner.
npm run eject
Removes this tool and copies build dependencies, configuration files
and scripts into the app directory. If you do this, you can’t go back!
We suggest that you begin by typing:
cd my-app
npm start
Happy hacking!
Note: the project was bootstrapped with an old unsupported version of tools.
Please update to Node >=14 and npm >=6 to get supported tools in new projects.
我的节点版本:v16.14.0我的npm版本:8.3.1
我想这是因为我的系统中没有安装npx,当我用create-react-app
命令创建react应用程序时,创建的应用程序很好。我还使用这个命令npm install -g npx
安装了npx,并创建了一个react应用程序,一切都很好。在此之前,请确保您已在系统中安装了create-react-app
,如果没有,请使用此命令进行安装sudo npm install -g create-react-app
我是一名新程序员,不久前我刚刚解决了这个问题。
使用sudo apt install nodejs
它会自动为您安装不接受React的版本10。
然后您尝试安装NVM软件包,使用它将节点更新到新版本。
你可以在GitHub bari racha Wuye 上查看我
我刚安装Ubuntu 22.04后也遇到了同样的问题。
对我来说,修复是通过遵循这些指令更新节点和npm免费代码营地更新节点和npm
具体来说,我遵循了标题";1.使用NPM来更新你的节点版本";,更新节点并忽略第2和第3标题,然后按照最后一个标题下的说明更新npm
之后,我重新启动计算机,打开项目目录,运行命令
npm icreate-react-app@latest
然后我运行
npx创建react应用程序项目名称
并且它按预期工作
在我的案例中,我安装了两个npm
。通过终端检查时:
whereis npm
我得到了这个:
npm: /usr/local/bin/npm /snap/bin/npm
我检查了他们的版本:第一个版本是9.4.1,下一个版本是9.5.0。所以我从快照中卸载了节点(是的,它完全卸载了节点(。建议使用他们的官方网站来安装node。NodeJS官方网站
在做任何事情之前,请卸载任何以前安装的NodeJS版本。建议在做任何事情之前先看一下EDIT 2
现在转到NodeJS下载页面。为你的系统下载它(在我的例子中是Linux,更确切地说是Ubuntu 22.04(。你会得到一个tar.xz文件。你可以通过tar.xz.在Linux上安装NodeJS来参考这个答案
安装NodeJS。
现在在您想要创建项目的目录中运行这个:
npm init react-app your-app-name-here
希望这能有所帮助!这对我来说是有效的。
第1版:安装NodeJS(从他们的网站(后,我的npm
版本是9.4.1。
编辑2:(重要!(截至2023年3月21日,react.dev已经启动。在它的文档中,没有提到使用create-react-app
创建项目。创建仅反应项目的唯一方法是使用vite
或Parcel
。(虽然还有其他选择,但它们都是框架,这就是为什么我说"只反应"。你可以在这里查看(
使用vite,您可以通过以下命令创建react项目:
# npm 6.x
npm create vite@latest my-react-app --template react
# npm 7+, extra double-dash is needed:
npm create vite@latest my-react-app -- --template react
有关更多信息,您可以查看
我遇到了同样的问题,在尝试了所有建议的修复程序后,我找到了原因。事实证明,在尝试对另一个应用程序进行故障排除时,我在两个目录上的本地安装了一个较低版本的npm。在我删除了带有不需要的安装的npm文件夹后,问题得到了解决。