关于create-react-app创建项目出错问题

最新推荐文章于 2024-12-15 23:55:29 发布

前端-海鸟

最新推荐文章于 2024-12-15 23:55:29 发布

阅读量955

点赞数

分类专栏： react 文章标签： reactjs node.js javascript webpack

本文链接：https://blog.youkuaiyun.com/weixin_43090393/article/details/117934399

版权

如何解决创建react项目中出现的问题

本文主要针对使用create-react-app创建项目中遇到的问题做总结，有遇到其他问题也可留言，我将很乐意给他人解决问题。

安装过程中遇到的无非以下几个问题:
1、镜像源或网络慢的问题。
2、node原生模块编译问题。
3、环境版本问题。

一、镜像源或网络慢的问题

使用淘宝镜像源：

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

也可设置.npmrc添加环境变量registry=https://registry.npm.taobao.org

二、node原生模块编译问题

使用create-react-app创建项目默认包含node-sass和canvas模块，这两个模块都需要转译：
安装windows-build-tools:(最好使用管理员身份运行powershell)，安装比较慢，也可以只用淘宝镜像源

npm install --global

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端-海鸟

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
3
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

create-react-app创建项目报错

clh386的博客

02-23

1201

错误代码如下： npm ERR! code ERR_SOCKET_TIMEOUT npm ERR! network Socket timeout npm ERR! network This is a problem related to network connectivity. npm ERR! network In most cases you are behind a proxy or have bad network settings. npm ERR! network npm ERR! netwo

[ react app环境搭建 ] ---- 使用npx create-react-app my-app 报错

weixin_41697323的博客

12-02

3718

问题简述根据react文档上安装命令行npx create-react-app my-app, 但是出现报错信息。信息如下解决方法, 先全局安装create-react-app脚手架，然后再执行官网三 npm install -g create-react-app npx create-react-app my-app cd my-app npm start ...

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

create-react-app创建项目失败的解决方法总结（全）

热门推荐

一只程序喵

09-30

1万+

create-react-app创建项目失败的解决方法前提：必须管理员身份来运行cmd才可创建项目问题1：目录不完整，缺少src文件问题2：需卸载yarn问题3.npm或node版本过低前提：必须管理员身份来运行cmd才可创建项目问题1：目录不完整，缺少src文件解决：原因：create-react-app版本低，请安装最新版本卸载：npm uninstall -g create-react-app 安装：npm install -g create-react-app 问题2：需卸载yarn

create-react-app创建react项目失败！

weixin_34319111的博客

09-11

4249

create-react-app my-app 用管理员运行cmd，问题依然。打开日志，看到错误详细信息如下 32189 verbose unlock done using C:\Users\feng\AppData\Roaming\npm-cache\_locks\staging-6ca308cbe79bff06.lock for D:\react\my-app\node_modul...

创建create-react-app失败

weixin_48112768的博客

04-22

1143

清理npx 缓存 ----> npx clear-npx-cache npm uninstall -g create-react-app yarn global remove create-react-app npx create-react-app my-app cd my-app npm start ``

React——使用create-react-app创建项目报错

weixin_41901909的博客

11-17

1119

我的系统上安装了Node（v14.15.1）和npm（6.14.8）。我在上面全局安装了create-react-app并且成功了。但是，当我尝试通过简单地运行：create-react-app sample-app在我的机器上创建一个新项目时 create-react-app <项目名> 它会给我以下错误：解决办法：一、置环境变量找到create-react-app.cmd文件所在目录复制目录的路径，将路径添加到环境变量的PATH中添加完成之后，继

wallaby-create-react-app

05-19

对于基于Create-React-App创建的应用，集成wallaby.js能够帮助我们实现以下几个关键目标： 1. **即时反馈**：当我们在编辑代码时，wallaby.js会自动检测到变化并立即运行相关的测试，这样我们就能立即看到改动对...

create-react-app 脚手架-部分源码分析

在所有的事情背后，要有一颗坚定的的本心，要有一颗应对变革和提升自我的本心，世界瞬息万变，本心要坚持到底，保持学习，时刻复盘

06-21

891

create-react-app 脚手架-部分源码分析

create-react-app开发页面查看源码解决方案

AppleEngineer

04-04

852

在上一篇章中，我们解决了页面源码显示问题，如果我们页面出现错误时，我们还是希望能定位到具体的出错位置。《create-react-app开发页面源码显示问题解决方案》https://blog.csdn.net/anan890624/article/details/123946174能够定位到具体位置就需要SourceMap文件，为了解决这个问题，想出了一个解决方案，既可以页面不能查看源码，并且在出现问题时，又可以查看源码。方案就是，编译时生成SourceMap文件，但是在部署项目时，我们将Sourc

记录一次 create-react-app 构建项目失败

萌萌哒的瑞萌萌的博客

04-26

826

有半个月没用react了，今天在使用create-react-app创建项目时，当输入: create-react-app train-ticket 控制台报了： You are running `create-react-app` 5.0.0, which is behind the latest release (5.0.1). We no longer support global installation of Create React App. Please remove any globa

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工具，只要你的node >= 8.10 && npm >= 5.6，就可以直接使用npx create-react-app命令来创建项目。报错好的:OK_hand:，那就根据上面的来呗，输入npx create-react-app，这时就出现了前文提到的错误，

使用 create-react-app 创建项目报错无法加载文件 C:\Users\admin\AppData\Roaming\npm\create-react-app.ps1，因为在此系统上禁止运

qq_45966018的博客

05-07

353

报错信息如上解决步骤 //打开Windows PowerSell //运行: //Set-ExecutionPolicy -Scope CurrentUser //出现ExecutionPolicy: 然后填入RemoteSigned //然后执行get-ExecutionPolicy //发现变成了RemoteSigned，就成功了之后再使用 create-react-app 创建项目就ok啦 ...

使用create-react-app创建工程时报错处理

最新发布

salestina的博客

12-15

1479

使用create-react-app创建工程时报错处理

创建create-react-app myapp项目报错

qq_41538764的博客

05-30

1248

创建create-react-app myapp项目报错 error An unexpected error occurred: “https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz: connect ETIMEDOUT 104.16.21.35:443”. 查看yarn是否安装好 yarn -v 如果安装好执行 npm use taobao ...

create-react-app无法创建react项目

qq_44259670的博客

05-11

1466

问题描述：今天在创建react项目时突然间不知道为啥创建不成功，令我难以理解 ![在这里插入图片描述](https://img-blog.csdnimg.cn/2021051117250634.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MjU5Njcw,size_16,color_FFFFFF,t_70) 可能原因：原因是全

create-react-app创建项目失败的解决方法：以管理员身份create-react-app、create-react-app的卸载与安装

Easylee的博客

05-02

3832

直接在目录下cmd然后create-react-app，报错解决方法，以管理员身份运行cmd，再create-react-app，不报错了，但是依旧有问题： A template was not provided. This is likely because you're using an outdated version of create-react-app. Please not...

【问题解决】create-react-app创建失败

思南的博客

01-13

659

1、错误提示 2、解决方案（1）更新npm npm install -g npm@latest （2）重新安装 create-react-app my-app (3)使用 cd my-app npm start 浏览器访问http://localhost:3000

脚手架搭建项目（create-react-app）常见报错汇总

Sun_小杰杰哇

08-26

1193

1、The slice reducer for key "errors" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state. 2、在useEffect中进行请求，请求执行两次

安装react脚手架失败，错误：create-react-app无法加载文件。。。。。

Chrise-Song的博客

12-04

1104

安装react脚手架失败的原因之一错误：create-react-app无法加载文件。。。。。今天安装react脚手架的时候。一直安装不了，一开始以为是npm的问题，但是后来才发现是管理员权限的问题。解决方法： 1. 首先打开Windows PowerShell（一定要以管理员身份运行） 2.打开了命令行之后,输入set-ExecutionPolicy RemoteSigned，并且把权限改权限为A，然后通过 get-ExecutionPolicy 查看当前的状态； 3.完成之后就可以去安装rea