React-Native学习笔记

最新推荐文章于 2025-04-27 17:00:00 发布
原创 最新推荐文章于 2025-04-27 17:00:00 发布 · 336 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了当使用React Native创建的应用出现无法启动的情况时，如何通过一系列步骤来解决问题，包括初始化项目、配置环境、解决依赖问题及运行时的常见错误。
1、react-native init ProjectName
2、ios项目缺少main.jsbundle，在终端中进入iOS目录，npm start,
3、然后就在这个状态下不动了：
React packager ready.
Loading dependency graph, done.
4、这时候你应该再打开一个终端窗口，来到项目目录下运行
curl http://localhost:8081/index.ios.bundle -o main.jsbundle

文章参考

5、运行起来之后又报错：
Unhandled JS Exception:Unexpected token':'.Parse error.
react-native从入门到实战系列教程-开发调试篇
峰会路转的博客
08-14 176
react-native的开发相对来说比较繁琐，那么他的调试也会有点麻烦。不想web端那边，直接f12打开控制台就可以进行调试。官网推荐的调试方法，链接放这里。
ReactNative学习笔记
weixin_68658847的博客
10-04 1403
ReactNative学习笔记
React Native: Unexpected token ‘:‘. Expected a ‘)‘ or a ‘,‘ after a parameter declaration
weixin_42349568的博客
07-18 2870
我采用的是修改babel.config.js的方法，亲测可行。
ReactNatvie 学习笔记
萝卜@兔子的专栏
07-14 487
首先运用npx react-native init AwesomeProject创建项目 然后运行npx react-native run-android在真机上安装并运行程序时，报如下错误： /***/AwesomeProject/node_modules/@react-native-community/cli/build/tools/loadMetroConfig.js:94 ...options ^^^ SyntaxError: Unexpected token ... at
react native 更新后packager启动失败：SyntaxError: Unexpected token ...
elyonsaber的博客
08-09 1万+
更新了下react native版本，突然发现packager就无法启动了。报错SyntaxError: Unexpected token ... 具体如下： ######### Starting Packager ########## ######### Executing command: react-native start --port 8081 ########## /Users/
windows 电脑 执行 react-native 项目，报错如下
Sixology的博客
08-13 589
windows 电脑 执行 react-native 项目，报错如下： error Invalid regular expression: /(.\fixtures\.|node_modules[\]react[\]dist[\].|website\node_modules\. |heapCapture\bundle.js|.\tests\.)$/: Unterminated character class. Run CLI with --verbose flag for more details. 解决方
learning-react-native：React Native学习笔记本
02-05
React Native学习笔记 欢迎您帮忙纠错，一起帮助更多的人，学习交流QQ群： React本机 开发工具 [使用WebStorm调试React Native] [故事书] [reactotron] 节点相关 最佳拍档 原生集成 模拟与测试 [easy-mock介绍] ...
React-Native学习笔记：组件与JSX语法解析
这个文档是作者在学习React-Native过程中整理的个人笔记，主要涵盖了React的基础语法和React-Native的一些核心概念。 #### React基础知识 React是一种用于构建用户界面的JavaScript库，它的核心理念是组件化。以下...
react-native 学习笔记1---创建与运行项目
三七二十一的博客
04-06 2125
学习这件事就是一件不停的踩坑、填坑的过程。最近开始学习react-native，从创建项目开始，本以为有前辈们的提醒，可以少踩坑，如履平地的往前走，但是有些坑如果不去踩一下人生是不完整的。。。接下来我也记录下自己踩过的坑吧首先是搭建环境，这个官方文档已经说的很详细了，pass其次是构建项目，此处按照命令行一步步走是没错的react-native init yourapp // 这里需要注意：直接用...
React-native-Book-reader
03-06
React-native-Book-reader 是一个基于React Native框架开发的图书阅读应用程序。...开发者可以通过研究这个项目来学习如何构建一个功能完善的原生移动阅读应用，同时提升自己的React Native和TypeScript技能。
React-Native 开发环境搭建
学习笔记
02-22 978
React-Native 开发环境搭建 一、安装 AndroidStudio，安装 JDK, Android SDK 二、设置 path 添加 ANDROID_HOME = F:\Android\ 给 Path 添加 F:\Android\platform-tools 三、新建一个 React Native 项目 1. 新建一个 DemoApk 项目 npx react-native init DemoApk 2. 启动 Metro npx react-native start 3. 启动程序 npx
React Native 环境配置与开发
最新发布
2301_79777620的博客
04-27 2142
运行包含 JSX 的 React 组件，而 Node.js 原生环境无法解析 JSX 语法。本文将结合实战经验，完整解析 React Native 的环境配置、工具链原理，以及如何避开常见陷阱。：App 启动后显示 “Could not connect to development server”。：国内网络无法下载 Gradle 包。：未正确配置 Android 的。
react-native:unexpected token
吴蕴强的博客
01-30 9790
在写react-native项目的时候js代码中总是显示这个错误，我明明是按照文档写的为什么会不对呢？ 终于纠结半天明白了原因。    react-native新建的项目默认使用ES6写法，所以如果你在用到     componentWillMount:function()这样的代码时会运行出错    解决：改成ES6写法componentWillMount(){}    总结：  
React Native学习记录
qq_43658148的博客
01-30 787
1.使用真机开发时，只需要晃动设备就可以打开调试功能，需要注意的是，使用真机进行调试的时候，调试的真机和开发程序的计算机需要在同一个网络环境下。1.使用npx react-native init RNDemos初始化项目的时候，会报错，模版错误，然后创建出来一个空的文件夹。3.安装完成以后再次初始化项目，会进行报错，是因为node版本低的问题，我们使用的node版本需要大于18才能初始化项目成功。2.使用nvm list来查看可以使用的node版本。一、创建RN项目的时候是空文件夹的问题。
JS Uncaught SyntaxError: Unexpected token ‘:‘问题解决
热门推荐
旭东怪的博客
01-03 2万+
问题描述： Uncaught SyntaxError: Unexpected token ':' 问题分析： 1、eval()方法将字符串转换成json对象时，字符串格式不对。 错误示例： var strJson1="{\"name\":\"123\"}"; var json1=eval(strJson1); 解决办法： （1）将字符串格式变为"[{\"name\":\"123\"}]"。 （2）将eval(data)这种使用方法变为eval("("+data+")")。 注：有关eva
js出现Unexpected token
weixin_39709924的博客
06-09 3119
对于这个问题，肯定就是那个地方少了对应的符号，比如“”，只有一半就会报这个错误； 另外很可能是返回结果不是json格式
RN项目启动报Unhandled JS EXception:SyntaxError解决方法
qq_38933412的博客
12-18 2323
react-native项目在启动时报如下错误 解决办法一：清楚浏览器缓存后重新加载 解决办法二：你需要注释掉'use strict'; 在node_modeles / react-native / Libraries / Core / InitializeCore.js的第30行： // 'use strict'; Fix to RN 0.39 - https://github.co...
React Native环境配置完整版（超详细）
m0_75050943的博客
02-12 6348
为方便不同项目所需Node.js版本不同，降低后续项目要给Node.js降级的麻烦，先安装NVM管理Node.js，NVM可以很方便的切换版本。在进行环境配置之前，设置文件权限，避免之后报错。右键D盘Program Files文件下的nodejs文件，属性-安全-编辑-允许-应用-确定。至此，NVM和Node.js配置完成。然后直接点击install即可。找到V1.1.11版本。
react-native init 项目后出现 unexpected token <
u012915637的博客
07-21 3945
在执行 react-native init projectName 初始化项目后, 通过 react-native run-android 初始启动项目时,出现了 "unexpected token 我的解决方法: npm install babel-loader babel-core babel-preset-es2015 babel-preset-react --save-dev
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值