前端学习笔记之react脚手架创建项目失败

最新推荐文章于 2024-03-26 16:10:14 发布
最新推荐文章于 2024-03-26 16:10:14 发布
阅读量1.4k 收藏 6
点赞数 5
分类专栏： 前端学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/noyade/article/details/106237209
版权

1.react脚手架的安装

npm install -g create-react-app

2.创建项目

create-react-app 项目名

安装时并没有报错，但是创建项目报错如下：

在这里插入图片描述
百度了很长时间，试了好几种方法，最后发现是yarn有问题。
然后执行npm uninstall yarn -g然后再重新安装就可以了！

Noyade
关注
专栏目录
React 学习笔记（15）：react 脚手架
f18855666661的博客
03-20 1443
1，脚手架的作用 在前面的学习中，我们都是直接在 html 中引入 react 依赖包进行开发，这种方式很简单，上手也快，但是这种项目非常的简陋，开发效率低，很多目前前端生态中能够大幅提高开发效率的工具都没有用到。 完善的项目应该有 webpack、devServer、eslint、jsx 编译 等等工具的支持，一个工程化的项目能够大幅度提高开发效率和开发体验。 但是，如果让我们自己手动搭建一个完善的项目，成本会非常高，需要学习很多前置知识，而且搭建出来的项目还可能有很多问题。 因此，React 官
React学习笔记一(React入门+JSX+脚手架)
kianagrow的博客
12-13 511
React学习笔记一(React入门+JSX+脚手架)
使用react脚手架创建react项目时发生错误
qq_45679015的博客
02-18 346
解决： 1.重新卸载掉React脚手架 - npm uninstall -g create-react-app - yarn global remove create-react-app 2.重新安装React脚手架 npm i -g create-react-app 3.开始创建您的项目 create-react-app 您的项目
react创建项目报错
xiangcece的博客
03-31 423
create-react-app 名字xxx==>报下列错误 然后卸掉这个过时的脚手架 1、npm uninstall -g create-react-app（ps:我没卸掉，它很完强） 2、手动卸载这个脚手架：（OK的） which create-react-app rm -rf xxxxx(上面的结果) 然后重新安装react脚手架 cnpm install ...
react脚手架创建项目报错
codingWeb的博客
05-09 676
create-react-app xxx 创建项目报错 解决方法: 主要是由于之前可能有npm的项目，缓存没有清理干净，导致冲突。先使用npm cache clear --force进行缓存清理，再创建项目。
React脚手架创建项目报错解决
席木木的博客
10-06 550
在使用React官方提供的脚手架工具`create-react-app`创建React项目之后，使用npm start命令成功启动之后，控制台无报错，但是使用Google Chrome浏览器打开之后，出现报错信息： Cannot read properties of undefined (reading 'forEach')，以下介绍如何解决。
使用react脚手架create-react-app创建项目不成功，无src文件夹问题
leeZengSir的博客
04-26 1531
原因： 因为官方弃用了这个脚手架，所以存在问题 解决方案： 1.卸载全局安装包 npm uninstall -g create-react-app && yarn global remove create-react-app 然后安装一个最新版本的create-react-app： 命令如下： npm install -g create-react-app 如...
React学习-脚手架创建项目
最新发布
Y1567409的博客
03-26 660
外链图片转存中…(img-b862cOnh-1711440608851)]
react 学习笔记（一）：react项目创建及目录结构
Qc1998的博客
11-01 1742
react 项目创建 首先安装脚手架工具，create-react-app npm install –g create-react-app 安装完成后，执行 create-react-app 项目路径 执行完成后一个 react 项目就在指定的路径下创建 react目录结构 react项目创建完成后的目录结构如图： 主要看 public 和 src 文件夹中的文件： p...
React学习笔记
njkl2166的博客
03-04 499
React构建Web和原生交互界面的库，相较于其它前端框架的优势，具有丰富的生态跨平台支持。
构建React-app应用时create-react-app卡住超慢的解决办法
qq_38527075的博客
03-03 1157
一、问题： 在构建react-app的时候，一直卡在加载资源包的地方，重试了几次也是卡住在这里，在git bash时候是看不见卡住在哪里的，因为git bash没有显示加载的过程。可以在项目文件夹按住shift点击右键就会看见：在此处打开PowerShell窗口，打开后输入命令creat-react-app my-app，因为我之前有安装过脚手架工具-cnpm install -g create-...
安装react脚手架失败，错误：create-react-app无法加载文件。。。。。
Chrise-Song的博客
12-04 1058
安装react脚手架失败的原因之一 错误：create-react-app无法加载文件。。。。。 今天安装react脚手架的时候。一直安装不了，一开始以为是npm的问题，但是后来才发现是管理员权限的问题。 解决方法： 1. 首先打开Windows PowerShell（一定要以管理员身份运行） 2.打开了命令行之后,输入set-ExecutionPolicy RemoteSigned，并且把权限改权限为A，然后通过 get-ExecutionPolicy 查看当前的状态； 3.完成之后就可以去安装rea
React脚手架安装问题
qq_44606064的博客
03-23 484
React脚手架搭建
react搭建脚手架，以及常见问题解决
yiyueqinghui的博客
03-14 2381
1，步骤如下 准备工作：你需要在你的机器上安装 Node >= 8.10 和 npm >= 5.6 第一步，下载脚手架，并创建一个my-app文件 npx create-react-app my-app 注意：第一行的 npx 不是拼写错误 —— 它是 npm 5.2+ 附带的 package 运行工具。 执行完成后，会创建一个包含如下目录的文件夹 如果所生成的...
（亲测好用）构建React-app应用时create-react-app卡住超慢的解决办法
大雾起了清晨
04-02 1315
解决方案是换源，这个解决方法是从网上找到的，特此整理过来收藏一下。虽然平常使用cnpm来代替npm，但也只是使用新的指令而已。而在寻求create-react-app的相关配置希望修改registry时失败了，最后发现create-react-app指令默认调用npm，于是直接把npm的register给永久设置过来就好了，这样使用cnpm或者npm就没差别。
脚手架搭建项目（create-react-app）常见报错汇总
Sun_小杰杰哇
08-26 1103
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脚手架遇到的坑
keep_dream的博客
02-25 775
安装react脚手架遇到的坑 1.node环境 要使用react脚手架，必须先安装node环境。安装完，解压即可，node环境自带npm包管理器。 2.安装react脚手架 利用npm下载react脚手架，打开终端，运行npm install --global create-react-app即可完成脚手架的安装，耐心等待即可。有时网络不好会遇到下面这种情况： 可以使用命令更换下载地址 npm config set registry https://registry.npm.taobao.org
使用react脚手架create-react-app遇到的问题
qq_36569815的博客
05-19 4271
1.使用  npm install -g create-react-app 时，页面报错：如下：此时查看错误日志：大概意思猜测是npm的问题 就把命令改成cnpm install -g create-react-app，此时第一步可以顺利执行2. 输入create-react-app my-app，创建名为my-app的项目，如下图：又报之前的错了，原因是因为这个命令执行的时候，会安装一些包，但默...
react脚手架创建项目失败？
Dark_programmer的博客
06-11 1554
收藏从未停止，学习从未开始 react脚手架创建项目 时隔一年，中间虽参与过几个react项目，但是一直没机会从0创建项目开始。后一直致力于vue的开发，所以暂时放下了react。 至今，闲暇之余本想着重新温习一下react，但在创建项目的时候发现一个问题，特此记录。 使用脚手架命令创建项目： create-react-app pro_name 提示了以下信息： You are running `create-react-app` 4.0.2, which is behind the latest .
react脚手架创建项目
08-15
回答: 使用react脚手架创建项目的步骤如下：首先需要全局安装create-react-app脚手架，可以通过命令npm i -g create-react-app或者yarn global add create-react-app来进行安装。然后通过命令create-react-app项目...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值