react项目搭建【非全局安装create-react-app】及启动失败解决方法

最新推荐文章于 2023-06-03 11:11:28 发布
最新推荐文章于 2023-06-03 11:11:28 发布
阅读量589 收藏 1
点赞数
文章标签： 前端 react.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pz3305636904/article/details/121596948
版权
本文介绍了如何在不全局安装create-react-app的情况下搭建React项目，并针对启动异常提供了解决方案，包括创建.env文件，删除lock文件、node_modules目录，以及重新安装依赖。
摘要由CSDN通过智能技术生成

react项目搭建【非全局安装create-react-app】

不想在电脑上面全局安装一个create-react-app 脚手架怎么办？也很简单，其实只要是你构建的react项目可以访问到create-react-app就行了

搭建一个根目录

mkdir react-root
cd react-root
//初始化
npm init -y
npm i create-react-app

在react-root项目下构建react项目即可

npx create-react-app my-first-app
cd my-first-app
npm i

react项目目录截图

最低0.47元/天 解锁文章
笑笑的微笑
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
React更新 解决 不再支持Create React App的全局安装。
Youyzq的博客
12-17 1023
React更新 解决 不再支持Create React App的全局安装。
非全局安装react
Dorcas_FE的博客
04-17 198
npx create-react-app myapp 注意npm源是不是淘宝镜像，非淘宝镜像可能会使后续命令报错
React脚手架creat-react-app的新坑！不能全局安装!
一起学习呀
04-25 760
react16在安装脚手架的时候出了bug，显示如下： 看react的官网解释： 我的解决办法：
使用create-react-app脚手架无法运行
yy_nf666的博客
10-25 289
使用create-react-app脚手架无法运行 1.reactstudy@0.1.0 start: react-scripts start npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! reactstudy@0.1.0 start: react-scripts start npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the reactstudy@0.1.0 start script. Fai
React的环境搭建以及脚手架的安装
小茳辞
03-18 514
1.安装node.js 　　如果安装了，就请参照第二步；没有的话，去node.js官网下载：https://nodejs.org/zh-cn/download/； 　　 2.检查版本号 在命令窗口输入node -v和npm -v　 因为国内使用npm很慢，我们可以使用淘宝的cnpm，同时设置镜像地址 指令：npm install -g cnpm --registry=https://registry.npm.taobao.org 检查淘宝镜像是否安装成功 cnpm -v 3.全局安装react脚手架
create-react-kotlin-app：使用没有构建配置的Kotlin创建React应用
02-03
如果您已经安装了create-react-app或正在使用npx则可以跳过此步骤。 您需要在计算机上使Node> = 6 。 您可以使用在不同项目的Node版本之间轻松切换。 该工具不采用Node后端。 仅创建Create Kot
react以create-react-app为基础创建项目
08-27
`create-react-app`是由Facebook开发的一个工具，旨在简化React应用的初始搭建过程，避免开发者在项目初期花费大量时间进行配置。通过这个工具，你可以快速启动一个干净的React项目，专注于编写业务逻辑，而无需关心...
simple-create-react-app:简化的create-react-app
04-29
这是一个100行代码的简化版的create-react-app，去除了环境检测、版本检测、离线包检测等代码，只保留了创建react 项目的核心代码。只用作学习，其他用途不承担任何风险责任。线上项目，请使用官方的create-react-...
create-react-app:纱线工作区Monorepo对Create-React-App React-Scripts的支持
05-14
:warning: 警告！ 这是提供Monorepo支持的React脚本的自定义脚本版本。... 如果您先前已通过npm install -g create-react-app create-react-app全局npm install -g create-react-app ，建议您使用npm unins
【开发问题解决】npx create-react-app 无法执行安装的问题处理
开发的那些事儿
12-28 2700
在使用npx create-react-app 命令，得到命令行反馈 You are running `create-react-app` 4.0.1, which is behind the latest release (4.0.2). We no longer support global installation of Create React App. Please remove any global installs with one of the following commands: -
IntelliJ IDEA使用create-react-app创建react脚手架时控制台无响应的解决办法
沐雨橙风ιε的博客
06-03 254
IntelliJ IDEA使用create-react-app创建react脚手架时控制台无响应的解决办法
手动搭建一个react项目（不使用create-react-app脚手架）并更改默认端口
qq_45830543的博客
07-26 1032
首先，创建一个文件夹 1、使用npm init -y 命令生成package.json文件 2、安装所需要的依赖 npm install --save react (安装React) npm install --save react-dom (安装React Dom) npm install --save-dev webpack (安装webpack，打包工具) npm install --save-dev webpack-cli (使用 webpack 4+ 版本，还需要安装 webpack-cli
react技术全家桶（35）初始化react脚手架
weixin_41380194的博客
04-04 483
react脚手架： 1.安装nodejs nodejs中会有npm 2.npm i -g create-react-app 全局安装 3. 切换到想创建项目的目录，使用命令：create-react-app 项目名称 4. 注意 不能执行npm ciject 因为这个操作会将隐藏的webpack配置文件暴露出来，这样就无法在隐藏了。 ...
认识React以及React的安装与基本使用
qq_52901751的博客
12-12 486
首先，认识一下React。React安装及其基本使用，JSX语法
创建React项目全过程（傻瓜式教程）
m0_52358470的博客
12-29 1万+
创建React项目。npm无法识别
create-react-app 无法全局安装
qq_40309202的博客
11-01 208
执行一下命令行： sudo npm install -g create-react-app。输入管理员密码就可以了。
React 安装及创建项目
weixin_58425109的博客
06-19 1310
一、最熟悉的操作利用搭建项目 1、全局安装create-react-app，执行： 命令进行安装 2、进入要安装项目的文件夹，执行： 创建一个react-blog项目 3、进入项目cd react-blog，执行： 编译启动项目即可(如图就ok了)此页面会自动开启； 4、在项目src目录创建views文件夹，放置页面组件，这里我创建了login和main两个文件夹并创建了对应的login.js、main.js页面组件 5、在项目src目录创建components文件夹，放置公共组件二、安装配置路由
react之脚手架安装
爱开车的彬哥的CSDN博客
08-24 2158
环境要求 nodejs git 脚手架选择 这里选择推荐的官方出品的脚手架,在github上有52kstar， react脚手架 create-react-app地址 在git中使用npm全局安装create-react-app脚手架 npm install -g create-react-app 查看帮助 create-react-app -h Usage...
使用 create-react-app 构建 react应用程序 （react-scripts）
热门推荐
github_squad的博客
02-26 5万+
前言:    一般我们开始创建react web应用程序的时候,要自己通过 npm 或者 yarn 安装项目的全部依赖，再写webpack.config.js,一系列复杂的配置,搭建好开发环境后写src源代码。 现在 如果你正在搭建react运行环境，使用 create-react-app 去自动构建你的app程序。你的项目所在的文件夹下是没有配置文件。react-script
create-react-app 安装vconsole
最新发布
01-13
根据提供的引用内容，可以通过以下步骤来演示如何在create-react-app项目中安装vconsole： 1. 首先，确保你已经在项目中安装了create-react-app。如果没有安装，可以使用以下命令进行全局安装： ```shell $ yarn ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值