当前位置: 首页 > news >正文

免费的网站建造网站开发培训

免费的网站建造,网站开发培训,安陆 网站建设,新疆网站建设平台有哪些创建React Native的第一个hello world工程 需要安装好node、npm环境 如果之前没有安装过react-native-cli脚手架的,可以按照下述步骤直接安装。如果已经安装过的,但是在使用这个脚手架初始化工程的时候遇到下述报错的话 cli.init(root, projectname);…

创建React Native的第一个hello world工程

需要安装好node、npm环境

如果之前没有安装过react-native-cli脚手架的,可以按照下述步骤直接安装。如果已经安装过的,但是在使用这个脚手架初始化工程的时候遇到下述报错的话

cli.init(root, projectname);^
typeerror: cli.init is not a functionat run (c:\users\showbi\appdata\roaming\npm\node_modules\react-native-cli\index.js:302:7)at createproject (c:\users\showbi\appdata\roaming\npm\node_modules\react-native-cli\index.js:249:3)at init (c:\users\showbi\appdata\roaming\npm\node_modules\react-native-cli\index.js:200:5)at object.<anonymous> (c:\users\showbi\appdata\roaming\npm\node_modules\react-native-cli\index.js:153:7)at module._compile (node:internal/modules/cjs/loader:1105:14)at object.module._extensions..js (node:internal/modules/cjs/loader:1159:10)at module.load (node:internal/modules/cjs/loader:981:32)at function.module._load (node:internal/modules/cjs/loader:822:12)at function.executeuserentrypoint [as runmain] (node:internal/modules/run_main:77:12)at node:internal/main/run_main_module:17:47

也可以先直接卸载

npm uninstall -g react-native-cli

正常安装过程:

  1. 安装react-native-cli
npm install -g react-native-cli
  1. 安装react-native
npm install -g react-native

安装完成之后,可以用脚手架来初始化项目

npx react-native init firstRNProject

就会出现下述的界面

image-20231016110848723

安装编译到Android手机上去

react-native run-android

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

启动以后的界面如下所示:

Screenshot_2023-10-16-16-40-48-92_85a2c6e718c04c836aaa40a26ea60b9a

在这个过程中可能会遇到一些版本带来的问题,

  • 比如0.69的版本时候,会遇到上述脚手架初始化的时候报错,参考 https://github.com/facebook/react-native/issues/34055
    npx react-native init ProjectName --version 0.68.2 选择其他版本解决
  • ruby版本和gem版本不匹配的时候,报错日志信息Your Ruby version is 3.1.2, but your Gemfile specified 2.7.5
    参考 https://github.com/facebook/react-native/issues/35127
  • 启动后报错提示报错信息如下
    在这里插入图片描述
    参考https://github.com/facebook/react-native/issues/21530,清除缓存重新npm install安装新的依赖包解决
    react-native start --reset-cache
    react-native run-android
http://www.dinnco.com/news/39245.html

相关文章:

  • 织梦广告网站模板免费下载目前推广平台都有哪些
  • 做网站怎么兼容所有浏览器汕头百度网站排名
  • 一个网站需要怎么做怎样精准搜索关键词
  • 乐趣做网站企业营销网站
  • 网站开发实用技术第2版文档软件推广平台有哪些
  • 888浏览器手机下载seo排名哪家有名
  • 企业网站设计请示网络营销包括几个部分
  • 做网站百度云外贸接单十大网站
  • 家具网站怎么做aso具体优化
  • 适合个人做的网站有哪些东西吗太原推广团队
  • 企业的网站建设制作平台百度推广登陆网址
  • 跨境电商怎么搞优化网络的软件下载
  • 域名访问网站下app拉新怎么对接渠道
  • 网上外贸网站怎么做如何找友情链接
  • 内蒙网络_网站建设手机上制作网页
  • 任务网站的接口怎么做搜索引擎优化的具体措施
  • 大学科技园东区 做网站品牌策略
  • 做网站需要的语言网站测试报告
  • 现在做网站还有出路吗蚁百杭州网站seo优化
  • 中国建设银行网站打不开5月新冠病毒最新消息
  • 网站css下载关键字搜索软件
  • 项目营销推广方案优化是什么意思?
  • 华侨大学英文网站建设百度收录官网
  • 昌平网站建设公司北京网站优化推广公司
  • 电商网站营销方案免费网站alexa排名查询
  • wordpress logo制作网站为什么要seo?
  • 泉州刺桐古建筑公司网站企业广告宣传
  • 前台网站开发十种营销方式
  • 许昌网络推广公司电话广州谷歌优化
  • 武汉人才网官方网站入口杭州百度快速排名提升