搭建react运行报错

最新推荐文章于 2024-07-05 18:15:36 发布

原创最新推荐文章于 2024-07-05 18:15:36 发布 · 248 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #react.js

当React项目运行遇到问题时，可以尝试删除node_modules，然后使用命令`npminstallreact@rcreact-dom@rc`更新依赖，接着执行`npminstall`安装所有包，最后运行`npmstart`启动项目，这通常能解决大部分启动问题。

创建react项目代码报错运行不起来

先把node包删除

打开终端，cd 项目路径

cnpm install react@rc react-dom@rc

npm install

npm start

应该就解决问题啦

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

html5小趴菜

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

使用npx(creact-react-app) 构建项目后-npm start启动报错

hahahhahahahha123456的博客

10-24

2184

使用create-react-app创建的React项目时，有时在安装完其他组件后，再次运行 npm start 命令时会报以上错误，让我很郁闷，不过在上网搜了这个错后原来：是create-react-app有丢包的缺陷，手动安装包后，需要重新npm install一下，这样node_modules/.bin/目录下才会重新出现react-scripts的文件，这样npm start命令才...

React Native 运行报错 ---- SDK location not found

write6的专栏

06-02

849

React Native 环境搭建完成，创建项目后，运行报错： FAILURE: Build failed with an exception.* What went wrong:A problem occurred configuring project ':app'.> SDK location not found. Define location with sdk.dir in ...

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

React入门-day01

qq_45970110的博客

12-06

2270

JSX是JavaScript和XML（HTML）的缩写，表示在JS代码中编写HTML。本质就是JS的语法扩展，浏览器本身不能识别，需要通过解析工具做解析之后才能在浏览器中运行。工具：babeljs.io//既要传递自定义参数，而且还要事件对象econsole.log('button被点击了',name)概念：一个组件就是用户界面的一部分，它可以有自己的逻辑和外观，组件之间可以互相嵌套，也可以复用多次。React组件：在React中，一个组件就是首字母大写的函数。

React教程（详细版）

热门推荐

Ronychen的博客

03-19

20万+

一、简介（背景） 1.1、概念它是一个将数据渲染为HTML视图的js库 1.2、原生js痛点用dom的API去操作dom，繁琐且效率低用js直接操作dom，浏览器会进行大量的回流和重绘原生jjs没有组件化的编程方案，代码复用性低，哪怕有模块话的概念，但模块化也只能拆解一个个js，对样式和结构也没办法拆解，组件化就相当于3剑客整体拆解，成为一个个的小功能 1.3、React特点采用组件化模式，声明式编码，提高开发效率和组件复用性在React Native中可以用react预发进行安卓、io

react npm start报错

how2js的博客

05-19

5772

spawn *** ENOENT 今天使用creact-react-app创建react项目后使用npm start项目启动项目出现如下错误然后百度查原因，发现遇到这个问题的挺多的，重新安装node、清理npm缓存、删除包重新npm install各种方法都试过了都不好使，差点准备放弃了，随后凭借我差点过四级的水平一波分析，觉得错误应该是这个的问题，卵cmd错误？？？？？？查了下好像是环境变量...

React运行机制

越思考越清晰

03-20

1364

fiber架构大体是怎么样的 fiber架构的三个阶段： prerender阶段： render阶段： commit阶段：如何判断优先级？过期时间怎么算？调度器如何工作？ 1、首次渲染、更新渲染没有新增和删除元素的情况 ...

从零开始搭建React Native完整原生环境（保姆级）

蜡笔小开心❤的博客

08-16

1万+

欢迎使用 React Native！这篇文档会帮助你搭建基本的 React Native 开发环境。

Mac M1 搭建 React Native 环境

时光海的博客

03-12

3824

Mac M1 搭建 React Native 环境环境安装可以参考对照官方文档，本文针对M1芯片目前未完全适配情况下的方案，算是临时解决方案，不具有时效性。你需要自行准备的依赖：Xcode >10、Node >v12、Npm、Yarn、ruby、git 更改编译环境首先要做的是进入访达>应用程序>实用工具>右键终端.app 显示简介>使用Rosetta打开勾选这一点极其重要，如果你使用的为其他终端工具，请勾选此选项，有关ffi的兼容问题，这只是临时解决方案

mac电脑搭建react native环境

weixin_41643133的博客

01-01

1125

RN + TS 1.安装依赖 1.1下载brew 1.2brew install watchman // 监视文件变动的工具 1.3下载nodejs 2.npx nrm use taobao // npx 先去本地找nrm命令，如果找不到去仓库下载nrm软件，nrm用来管理npm镜像的，use taobao把镜像切换到淘宝源上 3安装xcode，ios模拟器也会同步安装 4安装jdk android studio，android sdk环境变量 4.1 jdk java语言开发的，要安装 (1) 官网下载：

react项目搭建和基本配置

qq_58956810的博客

07-05

1804

4.配置基础路由Router1. 使用CRA创建项目react-jike清除目录中不需要的文件2.安装scss3.安装Ant Design 组件库安装成功4.配置基础路由Router配置步骤1. 安装路由包2. 准备基础路由组件（任意的页面都可以，一般都包括login，layout等）3. 在router/index.js文件中引入组件进行路由配置，导出router实例4. 在入口文件中渲染，传入router实例5.配置@别名路径1.首先安装。

react 是怎么运行的？

舜岳的博客

12-21

3498

react 是怎么运行的？ import React from 'react'; import ReactDOM from 'react-dom'; const App = <div className="title" style={{color:'red'}}>hello world</div> console.log('App', App) ReactDOM.render( App, document.getElementById('root') ); react

react项目的运行流程

qq_65537235的博客

03-19

619

初始化好一个id为root的dom对象，去到App.tsx编写组件的逻辑和页面，然后导出。最后去到main.tsx里面导入关键库react和reactDom还有编写的组件App.tsx。在App.tsx中，最重要的就是funcation和export两个部分，function里面分为了 return里面编写html。传入组件给index.html中的div为id是root的组件。最后总结：react项目的流程就是在index.html。第一个关注的文件index.html。最后就是App.tsx。

React学习（项目构建运行）

cmwly的博客

08-23

329

首先，我是比较习惯用intellij idea的，因为我同时开发的东西比较多，所以什么都要会一点的，但是我又不能下载多个开发工具，所以比较喜欢使用这个能通用所有的工具。 1、新建项目按照以下流程新建项目即可： 2、运行项目因为使用idea创建的项目会有demo代码自动添加进去，所以添加样例代码倒是用不到了。 &nbsp...

搭建React运行环境

wangshengfei

10-12

592

1.新建文件夹，服务用整个项目 2.npm init 输出package.json文件 3.使用browsersync模块进行测试监听 npm install --save browser-sync 4.编辑package.json文件 "scripts": { "dev": "browser-sync start --server --files \"*.*\"" }5

React 多环境运行打包配置(版本区分)（env）

Z_Wonderful的博客

10-21

7006

React 多环境运行打包配置(版本区分)

React项目从开发到上线运行全过程

天工开物

07-02

2万+

随着react的流行，越来越多的前端工程师使用react来进行开发，当时用react时，creact-react-app无疑进入了大家的眼帘，本篇文章主要讲述如何从无到有的使用creact-react-app开发react应用，然后本地调试，直到最后的上线运行。本篇文章内容结构说明，主要有以下12个部分： 1. 安装nodejs 2.使用nodejs的npm包安装cre...

手写一个react，看透react运行机制

It_kc的博客

11-10

420

return < div > 你好 < / div > < / div > } ReactDOM . render(< App / > , document . getElementById('root'))React负责逻辑控制，数据 -> VDOM首先，我们可以看到每一个js文件中，都一定会引入import React from ‘react’。但是我们的代码里边，根本没有用到React。但是你不引入他就报错了。为什么呢？可以这样理解，在我们上述的js文件中，我们使用了jsx。

一、react基础知识及安装运行

xiaodouxuan11的博客

06-01

1148

react基础知识及安装运行

react运行环境搭建

hnzyycsdn的博客

06-22

399

创建项目之前必备条件：确保已经安装nodejs，并可以正常使用npm包管理工具;自行在命令行工具中查看版本以确保运行正常一、创建项目流程（1）、首先新建一个文件夹（2）、在运行软件中运行命令全局安装基础环境 npm install -g create-react-app （3）、新建项目 create-react-app my-app （4）、新建完成后根据提示命令进入运行 cd my-app npm start ...

iis搭建网站，报错404