本文主要是介绍ReactNative初次搭建环境及遇到的问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1.环境搭建参考:react-native中文网
2.初始化项目
react-native init AwesomeProject
cd AwesomeProject
react-native run-android
3.初始化项目遇到的问题
3.1 Unable to load script from assets index.android.bundle on windows
解决方法:
在项目目录下D:\react_native\HelloWorld\AwesomeProject\android\app\src\main创建assets文件夹
项目根目录命令行执行:react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
(react-native init AwesomeProject后,根目录下只有index.js,没有index.android.js。所以上面的指令针对的是index.js)
参考地址:https://stackoverflow.com/questions/44446523/unable-to-load-script-from-assets-index-android-bundle-on-windows
4. 已存在的程序,npm install后遇到的问题
4.1 error: bundling: UnableToResolveError: Unable to resolve module `react/lib/ReactPropTypes`
解决方法:把package.json里面的 "react": "^16.0.0-alpha.6"的^去掉 重新npm install安装一遍
参考地址:https://github.com/facebook/react-native/issues/14596#issuecomment-310999291
4.2 unable to resolve module... doesn't exist
解决方法:该目录下的module的文件名大小写错了,改过来就好了。
4.3 RNCookieManagerAndroid.get got 4 arguments, expected 3.
解决方法:修改代码CookieManager.get(this.config.urlPrefix).then( (res) => {})
参考地址:https://github.com/joeferraro/react-native-cookies/issues/69
这篇关于ReactNative初次搭建环境及遇到的问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!