React Native 开发中常见问题
程序员文章站
2024-03-24 21:38:34
...
报500错误
在运行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
如果仍然没有解决可能的原因是没有找到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
在文件夹中出现这两个文件的时候,在此重新运行;
出现这个界面说明运行成功
**总结:**1.版本是否兼容问题
2.缺少对应的assets文件,及文件夹下的bundle文件
推荐阅读
-
React Native 开发中常见问题
-
基于 React Native 的 58 同城 App 开发实践
-
不止于小程序 APICloud推出react native纯翻译模式的UI引擎 app开发小程序
-
react-native中AsyncStorage实例详解
-
VSCode 配置React Native开发环境的方法
-
是时候和DOM说再见了——《React Native:用JavaScript开发移动应用》读后感
-
【React Native开发】- TextInput键盘输入文本
-
React Native 搭建开发环境详解
-
react开发中如何使用require.ensure加载es6风格的组件
-
react-native中AsyncStorage实例详解