美文网首页
运行 react & react-native 相关示例时遇到的

运行 react & react-native 相关示例时遇到的

作者: shanshanfei | 来源:发表于2016-11-02 12:23 被阅读0次

    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 相关示例时遇到的

          本文链接:https://www.haomeiwen.com/subject/enuvuttx.html