ReactNatvie 学习笔记

最新推荐文章于 2023-02-28 15:02:15 发布

萝卜-兔子

最新推荐文章于 2023-02-28 15:02:15 发布

阅读量374

点赞数

分类专栏： ReactNative

本文链接：https://blog.csdn.net/abcwangruili/article/details/107330184

版权

在学习ReactNative过程中，创建项目并在真机上运行时遇到错误。解决思路包括检查Node.js版本，确保其在12版本以上，并在项目根目录下执行相关命令进行调试。

摘要由CSDN通过智能技术生成

首先运用`npx react-native init AwesomeProject`创建项目然后运行`npx react-native run-android`在真机上安装并运行程序时，报如下错误：

/***/AwesomeProject/node_modules/@react-native-community/cli/build/tools/loadMetroConfig.js:94
    ...options
    ^^^

SyntaxError

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

萝卜-兔子

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

learning-react-native：React Native学习笔记本

02-05

React Native学习笔记欢迎您帮忙纠错，一起帮助更多的人，学习交流QQ群： React本机开发工具 [使用WebStorm调试React Native] [故事书] [reactotron] 节点相关最佳拍档原生集成模拟与测试 [easy-mock介绍] ...

react-native init 项目后出现 unexpected token <

u012915637的博客

07-21

3845

在执行 react-native init projectName 初始化项目后, 通过 react-native run-android 初始启动项目时,出现了 "unexpected token 我的解决方法: npm install babel-loader babel-core babel-preset-es2015 babel-preset-react --save-dev

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

react-native:unexpected token

吴蕴强的博客

01-30

9678

在写react-native项目的时候js代码中总是显示这个错误，我明明是按照文档写的为什么会不对呢？终于纠结半天明白了原因。 react-native新建的项目默认使用ES6写法，所以如果你在用到 componentWillMount:function()这样的代码时会运行出错解决：改成ES6写法componentWillMount(){} 总结：

react- native环境安装

weixin_39858291的博客

05-16

409

react-native安装流程 1.npx react-native init AwesomeProject报错运行 cd ./demo/ios && pod install 即可解决 2.安装JDK （1）brew install adoptopenjdk/openjdk/adoptopenjdk8 运行项目下运行react-native doctor 报错 ✖ JDK Version found: 1.8.0_191 Version supported: >= 8 这个报

react-native环境搭建注意事项

柒君的博客

08-30

230

注意：此为个人经验，请依据自身项目情况，酌情参考请严格参照react-native中文网的搭建开发环境文档进行操作。安装Java的jdk并配置相关环境变量。安装Android-studio，安装时会自动安装安卓开发所需的sdk。以上依据文档要求，下载相应版本，并配置好后，我们来初始化react-native项目。 3.1. 使用nrm切换为国内的淘宝镜像源，防止卡住。 npx nrm use taobao 3.2 不再使用react-native-cli工具，而是采用 npx re

React Native项目配置路由和选项卡导航__React Navigation的使用

04-14

2051

React Native 配置路由在网上看了很多例子跟着写，发现都不行，发现之前的写法都已经弃用了，跟着官方一步步来吧。参考官方文档：React Navigation 先创建好项目： npx react-native init rnDemo 1、在React原生项目中安装所需的包: yarn add @react-navigation/native 或 npm install @react-navigation/native 2、React Navigation是由一些核心工具组成的，导航器会使用

React Native 基础学习笔记.rar

01-28

这个“React Native基础学习笔记”很可能是对这一跨平台开发技术的详细讲解和实践经验的汇总。React Native的核心理念是“Learn once, write anywhere”，即开发者只需掌握一次React的语法和概念，就能在iOS和...

swift-ReactNative学习笔记

08-15

在"RNStudyNotes-master"这个压缩包中，可能包含了作者对于这两种技术结合使用的实践经验、代码示例和学习心得，对于想要深入了解Swift与React Native集成的开发者来说，是一份宝贵的学习资源。

MonkeyNews:学习 React Native

04-25

一份传男也传女的 React Native 学习笔记学习就如同长跑，要想跑的远，就不能跑得太快。背景介绍这段时间了解了一些前端方面的知识，并且用 React Native 写了一个简易新闻客户端 Demo。React Native 和原生开发...

react native 模仿鲨鱼笔记

11-23

通过这个项目，开发者不仅可以学习React Native的基本用法，还能深入理解如何组织一个完整的移动应用项目，包括组件设计、数据管理、网络请求和用户体验优化。同时，由于React Native跨平台的特性，开发者可以借此...

reactnative调用android原生模块Toast学习笔记

08-10

在React Native框架中，开发者可以利用JavaScript来构建原生级别的移动应用，同时还能与原生平台的API进行交互。本文将深入探讨如何在React Native项目中调用Android原生模块，特别是实现显示Toast功能，这对于增强...

rn-xnote:React Native的笔记应用程序功能

05-21

项目源码的结构展示了React Native应用的标准组织方式，对于学习React Native和移动端应用开发的开发者来说，这是一个宝贵的参考资料。通过理解XNOTE的设计和实现，开发者可以深入掌握React Native、Markdown以及...

JavaScript基础学习笔记

10-25

* ReactNative 电影实战项目 * Angular5 全栈式在线项目 JavaScript 高级知识点 * this 关键字：this 关键字的使用、this 关键字的指向等 * Math 对象：Math.random()、Math.floor() 等 * Date 对象：Date 对象的...

ReactNative列表ListView的用法

01-19

最近在学习ReactNative，本文介绍了ReactNative列表ListView的用法，分享给大家，也给自己留个笔记 ListView 在Android中，如果我们需要显示一个ListView，有两项是比不可少的，首先是ListView的数据源，其次是...

程序员面试刷题的书哪个好-React-Native-In-Action:ReactNative零基础入门到项目实战学习笔记

07-07

此项目记录我在2017年3月学习的过程，整理了一下放到GitHub上，分为React、React Native和豆瓣项目实战三个部分（DoubanProject在Recat Native Demo文件目录下）,废话不多说，贴上笔记和代码。第一部分 React 简介 ...

npx create-react-app/npx react-native init 假死、卡死不懂

Garlin

09-28

794

查看npm的镜像源 npm config get registry // 默认是：https://registry.npmjs.org/ 修改成淘宝的镜像源 npm config set registry https://registry.npm.taobao.org

解决 Unexpected token ‘:‘ 错误解决方法

ReactNatvie 学习笔记

首先运用npx react-native init AwesomeProject创建项目 然后运行npx react-native run-android在真机上安装并运行程序时，报如下错误：

首先运用`npx react-native init AwesomeProject`创建项目然后运行`npx react-native run-android`在真机上安装并运行程序时，报如下错误：