第一坑.react和react-native版本配合有很高的要求
init项目启动后报如下错误:
error: bundling failed: "Unable to resolve module `AccessibilityInfo` from `/Users/apple/WebstormProjects/carracing2/node_modules/react-native/Libraries/react-native/react-native-implementation.js`: Module does not exist in the module map\n\nThis might be related to https://github.com/facebook/react-native/issues/4968\nTo resolve try the following:\n 1. Clear watchman watches: `watchman watch-del-all`.\n 2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.\n 3. Reset packager cache: `rm -fr $TMPDIR/react-*` or `npm start -- --reset-cache`."
遇到这种情况,是因为版本太高了,推荐如下版本:
"dependencies": {
"babel-preset-react-native": "2.1.0",
"react": "16.4.1",
"react-native": "^0.54.0"
}
更换版本后,记得删除node_modules文件夹,然后npm install重新下载,切记!
第二坑:
error: bundling failed: "TransformError: /Users/guochao/Desktop/rndemo/AwesomeProject/index.ios.js: Unexpected token ) (While processing preset: "/Users/guochao/Desktop/rndemo/AwesomeProject/node_modules/babel-preset-react-native/index.js")"
此时使用react-native run-android发现还是不能启动项目,报错:
error: bundling failed: "TransformError: /Users/guochao/Desktop/rndemo/AwesomeProject/index.ios.js: Unexpected token ) (While processing preset: "/Users/guochao/Desktop/rndemo/AwesomeProject/node_modules/babel-preset-react-native/index.js")"
执行如下命令解决 参考大神的文章:
yarn remove babel-preset-react-native
yarn add babel-preset-react-native@2.1.0
第三坑:
error: bundling failed: Error: Unable to resolve module `AccessibilityInfo` from `C:\Users\Administrator\Desktop\rntest\AwesomeProject\node_modules\react-native \Libraries\react-native\react-native-implementation.js`: Module `AccessibilityIn fo` does not exist in the Haste module map
执行如下命令:
npm uninstall --save babel-preset-react-native
npm install --save babel-preset-react-native@4.0.0
重启项目后解决!
第四坑:
如果你看到那段黄色文字,以为项目不能启动,那就大错特错了,看项目是否启动,应该看这里才对:
每每刷新一次项目,这里就会重新编译一次。