(亲测好用)构建React-app应用时create-react-app卡住超慢的解决办法

简介: (亲测好用)构建React-app应用时create-react-app卡住超慢的解决办法



一、问题:

    在构建react-app的时候,一直卡在加载资源包的地方,重试了几次也是卡住在这里,在git bash时候是看不见卡住在哪里的,因为git bash没有显示加载的过程。可以在项目文件夹按住shift点击右键就会看见:在此处打开PowerShell窗口,打开后输入命令creat-react-app my-app,因为我之前有安装过脚手架工具-cnpm install -g create-react-app,所以我直接调用creat命令,在shell窗口可以看见卡住的过程,语句如以下所示。

fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetch

二、解决办法:

    解决方案是换源,这个解决方法是从网上找到的,特此整理过来收藏一下。虽然平常使用cnpm来代替npm,但也只是使用新的指令而已。而在寻求create-react-app的相关配置希望修改registry时失败了,最后发现create-react-app指令默认调用npm,于是直接把npm的register给永久设置过来就好了,这样使用cnpm或者npm就没差别。

输入以下命令

npm config set registry https://registry.npm.taobao.org
-- 配置后可通过下面方式来验证是否成功
npm config get registry
-- 显示出上述地址的话就是更换成功

三、再次尝试

替换过后再次输入构建命令,建议在shell下进行,可以看到过程没有卡住,进度条在动,我觉得看到动着就比较安心。在git bash下只是不知道是否好使的等待。

create-react-app todolist(app名称)

看到向前的进度条就看到了希望,不是卡住就好。当当当当,一会就构建成功啦!

 

目录
相关文章
|
17天前
|
机器学习/深度学习 人工智能 自然语言处理
DeepSeek Artifacts:在线实时预览的前端 AI 编程工具,基于DeepSeek V3快速生成React App
DeepSeek Artifacts是Hugging Face推出的免费AI编程工具,基于DeepSeek V3,支持快速生成React和Tailwind CSS代码,适合快速原型开发和前端组件构建。
321 38
DeepSeek Artifacts:在线实时预览的前端 AI 编程工具,基于DeepSeek V3快速生成React App
|
2月前
|
监控 JavaScript 前端开发
如何在实际应用中测试和比较React和Vue的性能?
总之,通过多种方法的综合运用,可以相对客观地比较 React 和 Vue 在实际应用中的性能表现,为项目的选择和优化提供有力的依据。
54 1
|
2月前
|
前端开发 JavaScript 开发者
使用React和Redux构建高效的前端应用
使用React和Redux构建高效的前端应用
65 1
|
2月前
|
前端开发
create-react-app 如何使用 less/sass 和 react-css-modules?
本文详细介绍了在 create-react-app 项目中如何使用 less/sass 和 react-css-modules 来管理和应用样式。首先,通过安装相应依赖并配置 webpack 支持 less/sass;接着,介绍如何使用这些预处理器编写样式;最后,讲解了如何配置和使用 react-css-modules 实现样式的模块化管理,以及如何结合使用 less/sass 和 react-css-modules 提高开发效率和代码质量。
49 3
|
2月前
|
前端开发 JavaScript 开发者
从零开始构建你的第一个React应用
从零开始构建你的第一个React应用
40 2
|
2月前
|
监控 前端开发 JavaScript
确保 React 应用在出现错误时仍然能够保持响应式
【10月更文挑战第25天】可以有效地确保React应用在出现错误时仍然能够保持响应式,为用户提供更加稳定、可靠的使用体验。在实际应用中,需要根据项目的具体情况和需求,综合运用这些方法,并不断优化和完善错误处理机制,以适应不断变化的业务场景和用户需求
|
2月前
|
前端开发 JavaScript Android开发
掌握React Native,构建跨平台移动应用的利器
掌握React Native,构建跨平台移动应用的利器
|
2月前
|
前端开发 JavaScript API
React Native实战:构建跨平台移动应用
React Native实战:构建跨平台移动应用
58 0
|
2月前
|
前端开发 JavaScript 网络架构
从零开始构建你的第一个React应用
从零开始构建你的第一个React应用
29 0
|
2月前
|
前端开发 JavaScript 开发者
从零构建你的第一个React应用
从零构建你的第一个React应用
27 0