使用create-react-app快速搭建项目，执行npm create-react-app frontend报错

原创已于 2025-02-08 17:44:52 修改 · 198 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react.js #npm #javascript

于 2025-02-08 16:45:44 首次发布

1、报错如图所示

2、参考了很多博客，换node版本等等，但是始终未解决，直到我将npm版本降至6.14.10，

项目成功搭建好

npm install -g npm@6.14.10

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Arieslxs

关注关注

2
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

利用create-react-app搭建react项目的基本流程

weixin_50643343的博客

10-22

3262

create-react-app是FaceBook的React团队官方出的一个构建React单页面应用的脚手架工具

【高频考点精讲】前端脚手架开发指南，如何打造自己的create-react-app？

最新发布

全栈老李的博客

06-04

954

🧑‍🏫：全栈老李📅：2025 年 5 月🧑‍💻：前端初学者、进阶开发者🚀：本文由全栈老李原创，转载请注明出处。最近在后台收到不少同学提问："老李啊，现在各种脚手架用起来是方便，但总感觉黑盒操作心里没底，能不能教我们从头撸一个？" 这不，今天咱们就来手把手实现一个极简版create-react-app，让你彻底搞懂脚手架背后的魔法。（全栈老李出品，盗版必究）

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

React脚手架

m0_45136861的博客

03-21

598

React脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置（语法检查、jsx编译、devServer…）下载好了所有相关的依赖可以直接运行一个简单效果 react提供了一个用于创建react项目的脚手架库: create-react-app 项目的整体技术架构为: react + webpack + es6 + eslint 使用脚手架开发的项目的特点: 模块化, 组件化, 工程化第一步，全局安装：npm i -g create-react-app

通过 npm 创建 React App 项目

weixin_34008805的博客

06-04

460

2019独角兽企业重金招聘Python工程师标准>>> ...

【初始化项目 create react-app】

DGogoing的博客

05-09

搭建 react

React-01React创建第一个项目（npm install -g create-react-app）以及对应脚手架相关文件

岂不闻

04-02

605

React创建第一个项目（npm install -g create-react-app）

react-frontend-template：基于Type-script和AirBnB eslint配置的基于create-react-app的新鲜React应用程序的高度认可的模板

02-22

React前端模板该模板已由引导，并进行了一些自以为是的补充和更改。模板用法您可以直接通过Github使用此模板，方法是单击“使用此模板”...该项目不是使用npm作为默认的程序包管理器，而是依赖于yarn ，特别是纱线2

geo-challenge-frontend:使用create-react-app开发的地理游戏

04-07

在项目目录中，可以运行： npm start在开发模式下运行该应用程序。打开在浏览器中查看它。 npm test在交互式监视模式下启动测试运行程序。 npm run build build将要生产的应用程序生成到build文件夹。

Video-Chat-App-using-React-Nodejs---Frontend:使用React和Nodejs的视频聊天应用-前端

05-15

Create React App入门该项目是通过引导的。可用脚本在项目目录中，可以运行： npm start 在开发模式下运行应用程序。打开在浏览器中查看它。如果您进行编辑，则页面将重新加载。您还将在控制台中看到任何...

Forum-App-React-Frontend:这是使用此处构建的 API 的 React 客户端

05-30

将此项目克隆到您的本地机器https://github.com/victorsteven/Forum-App-React-Frontend.git 设置安装项目依赖运行下面的命令 $ npm install 启动项目运行下面的命令 $ npm start 访问http://localhost:3000 作者...

通过create-react-app构建React项目(附带node安装、nrm安装以及问题解决)

m0_51613816的博客

06-22

2331

通过create-react-app创建React项目，node安装，nrm安装

create-react-app搭建react项目

马娟的博客

09-11

2955

1.全局安装create-react-app npm install -g create-react-app 2.创建项目 create-react-app 项目文件夹名 3.进入项目 3.1 cd 项目文件夹名创建之后的项目目录 3.2运行项目 npm start 或npm run start 打开http://localhost:3000/查看运行成功后...

react create-react-app v5 从零搭建（使用 npm run eject）_react app

m0_61418075的博客

04-15

1056

exclude: /(node_module)/, //这是一个正则表达式，用于指定哪些文件应该被排除在转换之外。// mediaQuery: false, //这个选项表示是否应该在媒体查询中转换px单位。在这里，它被设置为false，意味着媒体查询中的px单位将不会被转换。// minPixelValue: 3, //这个选项表示应该转换的最小px值。rootValue: 37.5, //这个值定义了1rem应该等于多少像素。getList({fund:“混合”}).then((res) => {

使用create-react-app创建react应用

qq_46365810的博客

07-09

386

1.全局安装2.创建应用3.进入项目文件夹4.启动项目npm start。

使用 create-react-app 创建 react 应用

qiao

01-24

4038

/ 定义类式组件render() {return (Hello 组件Component// React 中使用了默认暴露和分别暴露，所以可以使用下面的引入方式// 定义类式组件render() {return (Welcome组件能使用以上引用方式是因为 React 中使用了默认暴露和分别暴露// 分别暴露 Component// 默认暴露 React。

解决npm error create-react-app my-app 报错

ladream的博客

07-30

1639

更换npm代理 npm config set registry http://registry.cnpmjs.org 单独执行三句命令： npm install -g react npm install -g react-dom npm install -g react-scripts 最后重新创建！ create-react-app first-demo 成功！ Happy hacking! 为了以后下别的包快一点，可以再换回淘宝代理 npm config set registry https:

使用 create-react-app 构建React工程化项目

lzping_719的专栏

12-18

356

基于脚手架创建项目「项目名称需要符合npm包规范」安装create-react-app。

react开发脚手架create-react-app

周亮

09-11

973

1、首先基于npm在全局安装create-react-app $ npm install -g create-react-app 2、在指定目录中创建一个react项目工程 $ create-react-app my-app my-app是自己设置的项目名称（遵循npm模块发布时的要求，例如：名字中不能出现大写字母或者汉字以及特殊字符等） 3、进入到指定的项目文件，启动项目 ...

基于Create-React-App的前端项目集成React Router与Axios

Create-React-App是由Facebook官方推出的一个用于快速创建React应用的工具，它内置了最佳实践，如热重载、ESLint代码检查、生产环境打包优化等功能，极大提升了开发效率与项目可维护性。项目的核心技术栈包括React...