create-react-app慢的解决方法

最新推荐文章于 2024-05-12 16:51:10 发布

eagyne

最新推荐文章于 2024-05-12 16:51:10 发布

阅读量2.4w

点赞数 21

分类专栏： React JavaScript

本文链接：https://blog.csdn.net/eagyne/article/details/53780653

版权

JavaScript 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

React

1 篇文章 0 订阅

订阅专栏

create-react-app慢的解决方法

在操作官方实例Create React App时,需要执行指令：

create-react-app my-app

来创建一个新的React应用。由于某原因,在拉取各种资源时,往往会巨慢,一直卡在

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
-- 或npm info express

设置成功后，再执行create-react-app my-app，就会有惊喜。

Happy hacking

Happy hacking！

参考文章：npm换源

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

eagyne

关注关注

21
点赞
踩
26

收藏

觉得还不错? 一键收藏
14
评论
create-react-app慢的解决方法

React执行指令：create-react-app my-app卡、慢的解决方法。
复制链接

扫一扫

专栏目录

create-react-app慢的解决方法(推荐阅读)

lsg_lsg_lsg的博客

07-14

614

在操作官方实例Create React App时,需要执行指令： create-react-app my-app11 来创建一个新的React应用。由于某原因,在拉取各种资源时,往往会巨慢,一直卡在 fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetch11 解决方案是换源,虽然平常使

create-react-app构建项目慢的解决方法

08-27

主要介绍了create-react-app构建项目慢的解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

14 条评论您还未登录，请先登录后发表或查看评论

2401_84418908的博客

05-09

457

阿里十分注重你对源码的理解，对你所学，所用东西的理解，对项目的理解。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】2. 创建项目并启动3. react脚手架项目结构4. 功能界面的组件化编码流程（通用）二、脚手架版 Hello React1. 注意事项2. 文件目录3. 代码index.htmlindex.jsApp.jsHello.jsxHello.css4. 页面三、 VSCode【插件】生成代码模板一、使用create-react-app创建react应用。

create-react-app 超级慢的解决方法

happyCoding1024的博客

10-23

1812

create-react-app超级慢的解决方法在操作官方实例Create React App时,需要执行指令： create-react-app my-app 来创建一个新的React应用。由于某原因,在拉取各种资源时,往往会巨慢,一直卡在 fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetc...

构建React-app应用时create-react-app卡住超慢的解决办法

热门推荐

Luminary的技术烟火

02-09

1万+

一、问题：      在构建react-app的时候，一直卡在加载资源包的地方，重试了几次也是卡住在这里，在git bash时候是看不见卡住在哪里的，因为git bash没有显示加载的过程。可以在项目文件夹按住shift点击右键就会看见：在此处打开PowerShell窗口，打开后输入命令creat-react-app my-app，因为我之前有安装...

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

大雾起了清晨

04-02

1083

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

解决 create-react-app 创建react项目时异常缓慢的问题

你的代码有灵魂吗？

11-05

3412

第一次通过create-react-app 或者通过webstorm等编译器创建创建react项目时，因为要安装很多相关的包，而这些包的安装基本都是在内部通过npm进行安装。由于npm在访问有些国外的资源会非常卡，有的时候即使开了VPN也一样很卡，因此这个时候创建过程可能会异常缓慢，这里其实我们可以使用国内的数据源。经过一番尝试，我找到了一位大神的博客（https://www.uedbo...

create-react-app安装出错问题解决方法

01-19

create-react-app慢的解决方法在操作官方实例Create React App时,需要执行指令： create-react-app my-app 来创建一个新的React应用。由于某原因,在拉取各种资源时,往往会巨慢,一直卡在 fetchMetadata: sill ...

create-react-app-esbuild:在您的create-react-app中使用esbuild进行更快的编译，开发和测试

05-13

:rocket: create-react-app-esbuild :rocket: 在您的使用可以更快地进行编译，开发和测试。特征在开发过程中用esbuild替换babel-loader 用esbuild替换babel-loader以加快构建时间用esbuild替换terser，以加快构建...

create-react-redux-app：基于create-react-app的React样板

02-05

创建React Redux应用该项目是通过。该项目包括额外的redux软件包和改进的文件结构。...git clone git@github.com:YUzhva/create-react-redux-app.git NEW_PROJECT_NAME # with HTTPS git clone https://g

npx create-react-app xxx创建项目报错的解决办法

11-21

手头有一台大学时代的Windows电脑，它此前没有装过create-react-app，只装了node环境。版本信息：node -> 10.16.3，npm -> 6.9.0。前几日闲的无事想给它装个React，结果失败了，报了错，所以有了下面这出。安装过程...

【React】create-react-app 执行慢的解决方法

jean_0920的博客

08-30

507

create-react-app 执行慢的解决方法：在使用 create-react-app my-app 来创建一个新的React应用，在拉取各种资源时,往往会非常慢,一直卡在那： fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetch 可以看到资源还是使用了 npmjs.org，解决方法是换成淘...

create-react-app 创建项目很慢和创建时出错

qq_43621905的博客

03-25

1039

create-react-app 是 facebook 官方出的 react 项目生成器，在使用过程中遇到了一些坑，这里记录下在使用 create-react-app 生成项目时候速度很慢 // 安装create-react-app // 使用npm或者cnpm npm install -g create-react-app // 安装成功以后就可以这样来创建一个项目 create-reac...

creata-react-app脚手架创建react项目时非常慢的问题

最新发布

weixin_42822426的博客

05-12

147

create-react-app脚手架创建很慢

解决create-react-app非常慢慢的解决方法

爱学习的人

02-06

557

淘宝源

使用create-react-app构建react项目失败

weixin_45581741的博客

07-07

287

使用create-react-app构建react项目失败错误信息提示： npm install --save --save-exact --loglevel error react react-dom react-scripts cra-template has failed. 出现这个问题是因为之前我安装npm的时候设置了淘宝镜像但是如果我们要创建react脚手架项目的时候我们需要对面npm进项设置：npm config set registry https://registry.npmjs.or

使用npm安装create-react-app超时

xiexbo2256627的专栏

04-10

1012

安装国内对npm的镜像版本cnpm:npm install -g cnpm --registry=https://registry.npm.taobao.org

深究create-react-app初始化项目巨慢的问题

RexingLeung的博客

04-03

4452

场景今天本来心情好好的 , 按照往常一样 , 我准备开始一个新的项目 , 兴高采烈的打开cmd , 输入npx create-react-app xxx-project ; 舒服(煎熬)的等待中 , 居然10分钟过去还是 Installing packages. This might take a couple of minutes. Installing react, react-...

create-react-app react 打包太慢

05-17

如果您使用的是 create-react-app 这个脚手架工具，那么默认的打包工具是 webpack。那么可以尝试以下几种方法来加速打包过程： 1. 使用 yarn 代替 npm yarn 比 npm 更快，因此使用 yarn 可以加速安装依赖的过程。可以使用以下命令来安装 yarn： ``` npm install -g yarn ``` 然后使用以下命令来创建一个新的 react 项目： ``` yarn create react-app my-app ``` 2. 使用缓存在打包过程中，webpack 会将打包过的文件缓存起来，下次打包时会直接使用缓存文件，从而加快打包速度。可以在 webpack 的配置文件中配置 cache 参数： ``` module.exports = { // ... cache: true, // ... } ``` 3. 使用多核 CPU 在打包过程中，webpack 默认只使用一个 CPU 核心。可以通过以下命令来让 webpack 使用多个 CPU 核心： ``` webpack --parallel ``` 或者在 webpack 的配置文件中配置 parallel 参数： ``` module.exports = { // ... parallel: true, // ... } ``` 4. 使用 externals 如果你的项目依赖了一些外部库，可以通过 externals 参数来让 webpack 不打包这些库，从而减少打包时间。可以在 webpack 的配置文件中配置 externals 参数： ``` module.exports = { // ... externals: { react: 'React', 'react-dom': 'ReactDOM', }, // ... } ``` 以上是几种加速 create-react-app 打包的方法。希望能对您有所帮助。

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交