react native环境问题总结

第一次运行rn时的环境问题总结

**文件路径中不要带中文字符 **
**文件路径中不要带中文字符 **
**文件路径中不要带中文字符 **

重要的事情说三遍,先把这个问题排除后再去看后面的问题(AndroidStudio同样打不开含有中文字符的文件夹)

问题

出现jetifier 类型相关错误时
出现这种情况一般用两种方式解决

reactjs react-native-android

step1:在gradlew.properties中添加这两行请访问以获取完整指南

android.useAndroidX = true
android.enableJetifier = true

step2:使用这些命令

首先删除node_modules文件夹,然后使用重新安装

npm install
要么

yarn
接着

npm install --save-dev jetifier
npx jetify
npx react-native run-android

每次(您的依赖项更新或每次您安装node_modules时,都必须再次执行)

用这个:

react-native run-android --no-jetifi

问题

有时候问题某个Could not expand ZIP 'D:\ReactNative…\node_modules…aar

需要重新删除node_modules包重新npm i
有时候需要重新打包

cd android 
 
gradlew clean 
 
cd ..
 
npx react-native run-android --no-jetifier

问题

错误问题
如果出现:app:installDebug
需要使用AS打开项目中的andriod文件夹,然后执行

gradlew clean

注意是否多出local.properties文件,我可能是自己创建也可能是AS执行build之后生成(用来指定当前的SDK地址目录)
在这里插入图片描述
很多情况都需要使用AS去辅助开发,包括重构和更新环境包

但是也不要轻易去点某个更新的东西(好吧,我承认我点了。上一秒海还是正常的,下一秒重启就报了个错误)
在这里插入图片描述
问题不大,不是编译前的问题:
在这里插入图片描述
好吧,虽然不是什么大问题。也是 让我见识了五花八门的答案。然而我一个都没有解决。。。(这个网站上有各种答案,仅供参考

错误类型有以下几种:
1.修改过文件名字
2.配置项不全
3.安装包已经安装,重复操作

好了,暂时没有一个能解决的
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
React Native 是一个跨平台的移动应用开发框架,可以使用JavaScript编写原生的iOS和Android应用程序。在React Native中,我们可以使用温度传感器来获取当前环境的温度信息。 要使用温度传感器,我们首先需要安装react-native-sensors库。然后,在React Native的代码中,我们可以导入温度传感器组件,并通过订阅温度传感器事件来获取当前的温度。 代码示例如下: ```javascript import { DeviceEventEmitter } from 'react-native'; import { Thermometer } from 'react-native-sensors'; export default class App extends React.Component { constructor(props) { super(props); this.state = { temperature: 0, }; } componentDidMount() { const thermometer = new Thermometer(); thermometer.subscribe(({ temperature }) => { this.setState({ temperature }); }); } render() { return ( <View style={styles.container}> <Text style={styles.temperature}>{this.state.temperature}℃</Text> </View> ); } } ``` 在上面的代码中,我们使用了Thermometer组件和DeviceEventEmitter来订阅温度传感器事件,并将获取到的温度信息更新到组件的状态中。然后我们可以将温度信息渲染到界面上。 需要注意的是,使用温度传感器可能需要在设备上具备相应的硬件和权限。在运行React Native应用之前,需要确认设备上是否具备温度传感器,并为应用程序授予获取温度传感器数据的权限。 总结起来,React Native可以使用温度传感器库来获取当前环境的温度信息,通过订阅温度传感器事件,将温度信息更新到应用程序的界面中。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值