React-native-web 基础开发流程
2017-06-25 本文已影响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’、‘react-dom’。所以,我对react-dom进行重新install: yarn add react-dom(好吧,这个方法也是找出来的)。另外,其实这个问题在我们进行npm install 的时候已经有警告了,所以对于命令窗口的每个警告最好都有一定的了解关注。
如果运行成功的话,在你会得到这个页面:
Are you ready到此为止,项目初步建立完成,接下来可以在本地服务器上开始尝试进行开发了。