我是React新手,每次使用npx create-react-app,下载所有的react、react-dom和react-scripts等包都需要太长时间**。是每次都是这样,还是我可以做些什么来避免每次都需要太长时间?
2w3kk1z51#
一般来说,有几个因素可能会影响npm或npx命令的性能。1.硬盘(主要是5400 RPM)的I/O性能瓶颈,从而导致安装过程变慢。1.互联网连接问题-互联网速度慢或延迟高。1.使用的终端也起着至关重要的作用。例如,众所周知,Git Bash比Windows平台上的命令提示符性能更好。
解决方案
1.全局安装CRA。npm install -g create-react-app和create-react-app my-app。请确保定期更新软件包,以确保应用最新补丁。1.您可以尝试操作系统级优化(如磁盘碎片整理)以确保没有瓶颈。升级到SSD将获得更好的性能。1.你可以使用**Yarn**,根据我的经验,它具有更好的I/O性能。类似于npx,Yarn有yarn create。你可以使用yarn create react-app my-app来创建一个React应用程序。
npm install -g create-react-app
create-react-app my-app
npx
yarn create
yarn create react-app my-app
qnakjoqk2#
npx始终使用最新版本,因此每次创建新应用时都会下载包,因此您应该检查连接,否则可以使用npm install -g create-react-app,但不建议使用。see instructions for older npm versions
6mw9ycah3#
有两种解决方法
修正1:
此问题是在12.16.2-x64.msi节点版本中观察到的。如果您安装的是x64版本,则只需卸载此版本并安装x32位版本。或者尝试更新到最新版本。此修复程序应该可以解决您的问题。
**修复程序2:**如果您不想重新安装节点并继续使用当前版本,则此修复程序将有效。
zmeyuzjn4#
您可以使用本地缓存来处理npm包。有一个开源缓存,应该相对简单易用。安装该高速缓存软件,并配置它。基本上它使用磁盘空间,以换取更快的速度。如果您的机器和缓存之间的总线(网络)比您连接到npm存储库的互联网更快,那么缓存是有用的。这些缓存充当中间人,它们位于你(你的“yarn”或“npm”,它想要安装一个包)和npm存储库之间。该高速缓存会检查它的磁盘上是否已经有包,如果是,它会比实际的npm存储库更快地提供服务。查看例如:https://github.com/mixu/npm_lazy
crcmnpdw5#
使用以下命令全局安装react
xriantvc6#
我遇到了同样的问题,并能够像下面这样解决它。
**问题:**当我为开发环境运行安装脚本时,我的组织在全局配置中设置了不同的存储库URL。
我用工作笔记本电脑做别的事情,这就是问题所在。如何检查运行此命令
cat ./~npmrc
您应该会看到类似这样的registry=https://blah blah/npm-all/通过运行命令将其更改为默认注册表
npm config set registry https://registry.npmjs.org/
检查相同
现在运行命令来创建react应用程序
npx create-react-app --template cra-template-rb app-name
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。遵循相同的方法,直到它工作!
6ju8rftf8#
1.从命令行运行resmon命令1.寻找cmd进程如果cmd进程被挂起恢复进程,它为我工作.
resmon
8条答案
按热度按时间2w3kk1z51#
一般来说,有几个因素可能会影响npm或npx命令的性能。
1.硬盘(主要是5400 RPM)的I/O性能瓶颈,从而导致安装过程变慢。
1.互联网连接问题-互联网速度慢或延迟高。
1.使用的终端也起着至关重要的作用。例如,众所周知,Git Bash比Windows平台上的命令提示符性能更好。
解决方案
1.全局安装CRA。
npm install -g create-react-app
和create-react-app my-app
。请确保定期更新软件包,以确保应用最新补丁。1.您可以尝试操作系统级优化(如磁盘碎片整理)以确保没有瓶颈。升级到SSD将获得更好的性能。
1.你可以使用**Yarn**,根据我的经验,它具有更好的I/O性能。类似于
npx
,Yarn有yarn create
。你可以使用yarn create react-app my-app
来创建一个React应用程序。qnakjoqk2#
npx始终使用最新版本,因此每次创建新应用时都会下载包,因此您应该检查连接,否则可以使用npm install -g create-react-app,但不建议使用。see instructions for older npm versions
6mw9ycah3#
有两种解决方法
修正1:
此问题是在12.16.2-x64.msi节点版本中观察到的。如果您安装的是x64版本,则只需卸载此版本并安装x32位版本。或者尝试更新到最新版本。此修复程序应该可以解决您的问题。
**修复程序2:**如果您不想重新安装节点并继续使用当前版本,则此修复程序将有效。
***如果发现任何cmd.exe挂起,请恢复它。**您的cmd进程也将恢复。可能会出现cmd再次停止的情况,只需再次按照上述步骤操作即可。
zmeyuzjn4#
您可以使用本地缓存来处理npm包。有一个开源缓存,应该相对简单易用。安装该高速缓存软件,并配置它。基本上它使用磁盘空间,以换取更快的速度。如果您的机器和缓存之间的总线(网络)比您连接到npm存储库的互联网更快,那么缓存是有用的。
这些缓存充当中间人,它们位于你(你的“yarn”或“npm”,它想要安装一个包)和npm存储库之间。该高速缓存会检查它的磁盘上是否已经有包,如果是,它会比实际的npm存储库更快地提供服务。查看例如:https://github.com/mixu/npm_lazy
crcmnpdw5#
使用以下命令全局安装react
xriantvc6#
我遇到了同样的问题,并能够像下面这样解决它。
**问题:**当我为开发环境运行安装脚本时,我的组织在全局配置中设置了不同的存储库URL。
我用工作笔记本电脑做别的事情,这就是问题所在。
如何检查运行此命令
您应该会看到类似这样的registry=https://blah blah/npm-all/
通过运行命令将其更改为默认注册表
检查相同
现在运行命令来创建react应用程序
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:
package-lock.json:
如果你想再次运行旧项目,请将node_modules剪切并粘贴到该文件夹中,然后在那里运行'npm start'。
定期删除my-react-app并创建一个新的my-react-app。遵循相同的方法,直到它工作!
6ju8rftf8#
1.从命令行运行
resmon
命令1.寻找cmd进程如果cmd进程被挂起恢复进程,它为我工作.