reactjs npx create-react-app每次都需要很长时间

qeeaahzv  于 2023-04-05  发布在  React
关注(0)|答案(8)|浏览(536)

我是React新手,每次使用npx create-react-app,下载所有的react、react-dom和react-scripts等包都需要太长时间**。是每次都是这样,还是我可以做些什么来避免每次都需要太长时间?

2w3kk1z5

2w3kk1z51#

一般来说,有几个因素可能会影响npm或npx命令的性能。
1.硬盘(主要是5400 RPM)的I/O性能瓶颈,从而导致安装过程变慢。
1.互联网连接问题-互联网速度慢或延迟高。
1.使用的终端也起着至关重要的作用。例如,众所周知,Git Bash比Windows平台上的命令提示符性能更好。

解决方案

1.全局安装CRA。npm install -g create-react-appcreate-react-app my-app。请确保定期更新软件包,以确保应用最新补丁。
1.您可以尝试操作系统级优化(如磁盘碎片整理)以确保没有瓶颈。升级到SSD将获得更好的性能。
1.你可以使用**Yarn**,根据我的经验,它具有更好的I/O性能。类似于npx,Yarn有yarn create。你可以使用yarn create react-app my-app来创建一个React应用程序。

qnakjoqk

qnakjoqk2#

npx始终使用最新版本,因此每次创建新应用时都会下载包,因此您应该检查连接,否则可以使用npm install -g create-react-app,但不建议使用。see instructions for older npm versions

6mw9ycah

6mw9ycah3#

有两种解决方法

修正1:

此问题是在12.16.2-x64.msi节点版本中观察到的。如果您安装的是x64版本,则只需卸载此版本并安装x32位版本。或者尝试更新到最新版本。此修复程序应该可以解决您的问题。

**修复程序2:**如果您不想重新安装节点并继续使用当前版本,则此修复程序将有效。

  • 打开一个新的cmd窗口,运行resmon命令,这个命令打开资源监视器,你会看到类似这样的东西-x1c 0d1x
  • 一旦你可以看到资源监视器.你需要开始寻找cmd.exe进程(因为会有一个以上的cmd.exe的基础上有多少窗口,你已经打开),这是挂起.
    ***如果发现任何cmd.exe挂起,请恢复它。**您的cmd进程也将恢复。可能会出现cmd再次停止的情况,只需再次按照上述步骤操作即可。
  • 有时候,你可能需要多次恢复cmd.exe,如果它是悬念。并确保您禁用防病毒,它可能会阻止创建react npm应用程序。
zmeyuzjn

zmeyuzjn4#

您可以使用本地缓存来处理npm包。有一个开源缓存,应该相对简单易用。安装该高速缓存软件,并配置它。基本上它使用磁盘空间,以换取更快的速度。如果您的机器和缓存之间的总线(网络)比您连接到npm存储库的互联网更快,那么缓存是有用的。
这些缓存充当中间人,它们位于你(你的“yarn”或“npm”,它想要安装一个包)和npm存储库之间。该高速缓存会检查它的磁盘上是否已经有包,如果是,它会比实际的npm存储库更快地提供服务。查看例如:https://github.com/mixu/npm_lazy

crcmnpdw

crcmnpdw5#

使用以下命令全局安装react

npm install -g create-react-app
xriantvc

xriantvc6#

我遇到了同样的问题,并能够像下面这样解决它。

**问题:**当我为开发环境运行安装脚本时,我的组织在全局配置中设置了不同的存储库URL。

我用工作笔记本电脑做别的事情,这就是问题所在。
如何检查运行此命令

cat ./~npmrc

您应该会看到类似这样的registry=https://blah blah/npm-all/
通过运行命令将其更改为默认注册表

npm config set registry https://registry.npmjs.org/

检查相同

cat ./~npmrc

现在运行命令来创建react应用程序

npx create-react-app --template cra-template-rb app-name
yshpjwxd

yshpjwxd7#

作为创建几个示例react应用程序的初学者,我遵循以下方法来避免延迟并通过不复制node_modules文件夹来保存磁盘空间。
1.用通常的方法创建你的第一个react应用my-react-app。
1.当你想创建另一个项目时,只创建一个文件夹先说new-react-app。
1.打开my-react-app文件夹,将除node_modules文件夹以外的所有内容复制到新的app文件夹。
1.剪切并粘贴node_modules文件夹到新文件夹中。(剪切和粘贴是即时的,避免了重复)
1.现在在新文件夹中运行'npm start'。
为了完整(示例项目不需要),编辑package.json和package-lock.json文件,将名称更改为new-react-app。
package.json:

{
  "name": "new-react-app", //"my-react-app",
  ...

package-lock.json:

{
  "name": "new-react-app", //"my-react-app",
  ...
  "packages": {
    "": {
      "name": "new-react-app", //"my-react-app",
  ...

如果你想再次运行旧项目,请将node_modules剪切并粘贴到该文件夹中,然后在那里运行'npm start'。
定期删除my-react-app并创建一个新的my-react-app。遵循相同的方法,直到它工作!

6ju8rftf

6ju8rftf8#

1.从命令行运行resmon命令
1.寻找cmd进程如果cmd进程被挂起恢复进程,它为我工作.

相关问题