天天看点

React Native 开发中常见问题

报500错误

React Native 开发中常见问题

在运行ReactNative项目的时候,手机上经常会出现这种错误,解决办法:

在当前项目的路径下分别运行以下命令:

npm uninstall babel-preset-react-native

npm install [email protected] —save
           

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

yarn remove babel-preset-react-native

yarn add [email protected]
           

或者直接将根目录下的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文件