欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

React Native 开发中常见问题

程序员文章站 2024-03-24 21:38:34
...

报500错误

React Native 开发中常见问题
在运行ReactNative项目的时候,手机上经常会出现这种错误,解决办法:
在当前项目的路径下分别运行以下命令:

npm uninstall babel-preset-react-native

npm install babel-preset-react-native@2.1.0 —save

如果你是用的yarn的话,需要将npm修改为yarn:

yarn remove babel-preset-react-native

yarn add babel-preset-react-native@2.1.0

或者直接将根目录下的package.json文件里面的babel-preset-react-native的版本修改为2.1.0, 最好将react-native的版本降到0.55.4,不要使用最新版本
然后执行npm update
React Native 开发中常见问题

如果仍然没有解决可能的原因是没有找到assets下文件,需要手动创建并设置
1.首先手动在main下建立一个assets文件夹
2.然后cmd 进入项目的根目录下执行:

React-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

React Native 开发中常见问题
在文件夹中出现这两个文件的时候,在此重新运行;
React Native 开发中常见问题

出现这个界面说明运行成功

**总结:**1.版本是否兼容问题
2.缺少对应的assets文件,及文件夹下的bundle文件

相关标签: React Native