美文网首页React-native-web
React-native-web 基础开发流程

React-native-web 基础开发流程

作者: 活在初音的未来 | 来源:发表于2017-06-25 17:18 被阅读0次

    由于公司的种种考虑,要求我在使用reac-native的基础上,能够在web端进行使用……我的心情……
    总之,由于另外一波同期的项目组说淘宝的react-web很坑(我没实际操作过不评价),
    https://github.com/taobaofed/react-web
    所以我采用了另外一种,嗯……开发方式。react-native-web中提供的'react-native-web-started'。
    https://github.com/necolas/react-native-web
    https://github.com/grabcode/react-native-web-starter.git

    虽然github上说了一堆东西,但其实只需要把'react-native-web-started'的模板download下来,就可以尝试运行了。打开编辑器,然后cd projectname ——>npm install ——> npm run dev三连击。
    接下来开始出现各种错误:

    1、npm不是可执行的命令……
    2、3000端口被占用了:


    端口占用

    这两个问题百度都能帮你解决。
    3、然后是成功启动了3000端口,你打开缺空白一片,让我们查看一下输出:

    react-dom问题

    虽然我二级都没过的英文看不懂具体什么意思,但我认识‘react’、‘react-dom’。所以,我对react-dom进行重新install: yarn add react-dom(好吧,这个方法也是找出来的)。另外,其实这个问题在我们进行npm install 的时候已经有警告了,所以对于命令窗口的每个警告最好都有一定的了解关注。

    如果运行成功的话,在你会得到这个页面:

    Are you ready

    到此为止,项目初步建立完成,接下来可以在本地服务器上开始尝试进行开发了。

    相关文章

      网友评论

        本文标题:React-native-web 基础开发流程

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