运行 react & react-native 相关示例时遇到的问题及解决方法

webpack+ES6+react || react-native时遇到的问题,参考示例:

  1. 搭建基础开发环境:http://www.cnblogs.com/zhengjialux/p/5871947.html#3522491
  2. react-todos例子:http://www.reqianduan.com/2297.html
  3. react-native官网例子:
    http://reactnative.cn/docs/0.36/getting-started.html#content

npm install 安装报错:

  1. UNMET DEPENDENCY:直接一个一个安装模块,或者删除相应的node_modules文件,npm cache clean 后再次进行npm install。
    http://stackoverflow.com/questions/20764881/why-does-npm-install-say-i-have-unmet-dependencies

  2. less包要单独进行安装,现在安装less-loader不会自动安装less了。

  3. mac上sublime jsformat快捷键Ctrl+option+f。

  4. sublime text3 开发react需要安装的插件:reactjs sublimeLinter-jsxhint sublimeLinter-contrib-eshint babel,另外jsformat emmet需要重新配置,以支持jsx语法等,网上搜索相关配置即可。

  5. sublime text 3的emmet插件需要安装pyv8模块,这个一般会装不成功,需要单独下载安装:下载后,新建PyV8目录(与其他安装包同目录),解压进去即可。

  6. webpack启动时一直报语法错误,是因为render函数中的map函数用了分号 ; 结尾,原因不明。

  7. npm list -g 查看全局安装的包。后面跟某包名,代表只查看该包。

  8. 在运行react native官网实例的时候,发现命令行直接react-native run-iso时报错,原因的通过APP store安装的Xcode,其命令行工具默认没有进行关联已安装的命令行工具的,需要自己去xcode的preference/locations中进行设置。

3个示例最终成果:

  1. react开发环境搭建成功,访问:https://github.com/shanshanfei/init-react
  2. react-todos示例 查看演示
  3. 跟着官网做即可。

你可能感兴趣的:(运行 react & react-native 相关示例时遇到的问题及解决方法)