美文网首页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 基础开发流程

    由于公司的种种考虑,要求我在使用reac-native的基础上,能够在web端进行使用……我的心情……总之,由于另...

  • iOS开发知识体系

    一、基础模块按照App的开发(开发、调试测试、发布、上线)流程,进行划分 开发阶段启动流程界面布局架构设计 调试测...

  • react-native-web转换react-native _

    由于react-native-web不区分开发和生产环境,所有内部没又定义__DEV__,转换的时候会报错, gi...

  • Python web开发简单流程------->wsgiref

    Python web开发简单流程------->wsgiref 一,基础入门: from wsgiref.sim...

  • IOS开发_蓝牙开发思路

    目录: 1. 基础概念补充; 2. IPhone(APP)作为中心设备的开发流程; 1. 基础概念补充; 1.1 ...

  • 什么是安全架构?

    1. 前言 2. 架构基础 2.1 职业相关 基础的软件工程知识, 例如敏捷开发, 软件研发流程等等; 基础的架构...

  • 设施工具开发组

    目标: 1.为开发人员提供工具,提升开发效率. 2.提供基础架构能力的开发 项目汇总: 开发流程: 1.定义接口(...

  • Python Web开发:测试驱动方法

    《Python Web开发:测试驱动方法》本书从基础的知识开始,讲解Web开发的整个流程,展示如何使用Python...

  • Using React Native, React Native

    TL;DR combination of react-native and react-native-web ca...

  • 2019-08-01

    猎豹移动开发基础流程 一、开发技能 二、mPaaS知识 三、H5工作内容 1. 业务开发 2. 离线包上架 3. ...

网友评论

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

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