React-native-web 基础开发流程

由于公司的种种考虑,要求我在使用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端口被占用了:


React-native-web 基础开发流程_第1张图片
端口占用

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

React-native-web 基础开发流程_第2张图片
react-dom问题

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

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

React-native-web 基础开发流程_第3张图片
Are you ready

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

你可能感兴趣的:(React-native-web 基础开发流程)