React Native开发之npm start加速

在Windows下好不容易安装好React Native环境之后,运行npm start,结果就是无限被等待,快的话160秒(将近3分钟啊。。。。)

而Mac下因为有watchman所以是飞一样的速度,1秒不到,一般几十到几百毫秒。此处一千一万只草泥飞在胸中奔腾…

 

所幸找到一个解决方案了,能让npm start也飞起来(500毫秒左右),操作步骤如下:

1、安装watchman,在Windows下暂时处于alpha版本但是可以使用,是一个zip包 https://facebook.github.io/watchman/docs/install.html | http://bit.ly/watchmanwinalpha
2、添加解压后的watchman到系统环境变量path中,如果成功的话, win + r输入 watchman -v应该返回的是3.7.0
3、右击项目svn目录,取消目录权限为只读,否则会报错,错误如下

[Hot ;Module Replacement] Server listening on /hot

React ;packager ready.

Failed ;to build DependencyGraph: Watchman error: query failed: synchronization failed: Permission denied. Make sure watchman is running for this project. See https://facebook.github.io/watchman/docs/troubleshooting.html.Error: ;Watchman error: query failed: synchronization failed: Permission denied. Make sure watchman is running for this project. See https://facebook.github.io/watchman/docs/troubleshooting.html. ;   at /Users/Ali/Desktop/app/Test/node_modules/react-native/node_modules/node-haste/lib/crawlers/watchman.js:63:11    at process._tickCallback (node.js:368:9)

 

现在再来看看npm start的速度,Windows也能飞起来了^_^

 

参考stackoverflow上的帖子,它给出的是Mac下的方案,使用chmod 777来修改权限为读、写、删,对应Windows下我怀疑是只读,所以试了一下取消只读,居然可以了

React-Native Failed to build DependencyGraph: Watchman error

 

 

鉴于bit.ly被墙,这里我将watchman.zip上传到了博客园,可以点击这里直接下载>>

时间: 2024-10-29 10:45:53

React Native开发之npm start加速的相关文章

React—Native开发之 Could not connect to development server(Android)解决方法

写在最前面: 本来,我是有一篇博客 RN开发之BUG 总结(持续更新) 来专门总结自己在React-Native开发中遇到的各种BUG 以及其解决办法的. 但是,由于 Could not connect to development server是我深恶痛绝的一个超级大BUG. 为什么这么说呢? 因为这个BUG并不容易在网上找到解决方法.网上确实有这个BUG,但是大部分都是解决IOS开发中遇到的,一 些老外的网站中也在讨论这个问题,好不容易找到点和我问题相似的,还并没有给出确定的解决方案,实在是

转 : React Native 开发之 IDE 选型和配置

转:https://mp.weixin.qq.com/s?__biz=MzA3ODg4MDk0Ng==&mid=2651112392&idx=1&sn=135e29ddde3050d469be98db815c267e&scene=0&key=18e81ac7415f67c4bcc2eaac3ca13f8d294ec1b8fa5828d4d7f13f2e81cc62f72e55e828ee04e2002284521336a3766d&ascene=0&

React Native开发之IDE(Atom+Nuclide)安装,运行,调试

版权声明:本文为博主原创文章,如需转载请注明出处 目录(?)[-] 前言 MacWindowsLinux 准备工作 安装Atom 安装Nuclide 新建一个工程 自动补全 类型标注 语法检查 跳转到方法或者类型定义 在Nuclide运行项目 在Nuclide中调试 添加断点 Element Inspector 总结 欢迎Follow我的Github,博客会同步在Github的Blog仓库更新.也可以关注CSDN博客的React Native分类 Github地址: LeoMobileDevel

React Native开发之FlexBox代码+图解

来自Leo的原创博客,转载请著名出处 我的stackoverflow 前言 FlexBox布局是React Native的布局核心,鉴于自己对FlexBox还有很多概念不太清楚,这篇文章就当成是总结,并且分享出来给大家. FlexBox布局能够帮助你更好的帮助你控制控件的大小和位置,Flexbox非常适合Mobile端的适配,我想这也是FaceBook为什么选择FlexBox作为React Native布局的原因吧. 本文参考文章如下 A Complete Guide to Flexbox re

React Native开发之expo中camera的基本使用

之前做RN项目没调用过本地摄像头,今天下班早,做了一个简单的小demo:主要实现的功能:点击拍照按钮进入拍照界面,点击flip进行前后摄像头转换,点击开始拍照实现拍照功能(没写保存到本地的功能,大家可以自主开发),代码是参照expo官网的Camera写的一个小demo,大家可以结合的expo官网来看,该加注释的地方都在代码中加了,希望能对你有所帮助. import React from 'react' import { View, Text, TouchableOpacity, Button,

react native 开发报错

1:oc对象名是RCTPoctalk 2:js中导入原生方法 3:报错:对象没有定义 出现这样的问题可能是react native 不允许使用"RCT"开头的前缀 4:解决办法:"RCT_EXPORT_MODULE()" 导出对象方法的宏默认是OC对象名 ,  在宏中添加另起一个名字,js导出方法也修改下

React Native入门(二)Atom+Nuclide安装、配置与调试

相关文章 React Native入门 前言 上一篇文章我们搭建了开发环境,并写了个Hello World.这一节我们来学习React Native的开发IDE:Atom+Nuclide的安装.配置与调试.本文所讲的内容只适用于Mac平台. 1.开发IDE选择 React Native的开发IDE有很多种,比如FaceBook 官方推荐的 Atom+Nuclide.Android Studio的同门WebStorm(收费).Sublime Text 3.Visual Studio Code和De

React Native嵌入Android原生应用中

开发环境准备 首先你要搭建好React Native for Android开发环境, 没有搭建好的可以参考:React Native for Android Windows环境搭建 用Android Studio新建Android原生项目 我创建了一个名叫ReactNativeDemo的原生项目. 把React Native集成到原生项目当中 利用Windows命令行在项目根目录(ReactNativeDemo文件夹)下执行下面三行命令: npm init npm install –save

React Native创建一个APP

React Native 结合了 Web 应用和 Native 应用的优势,可以使用 JavaScript 来开发 iOS 和 Android 原生应用.在 JavaScript 中用 React 抽象操作系统原生的 UI 组件,代替 DOM 元素来渲染等. React Native代码框架示例下载:https://github.com/facebook/react-native 1.首先下载安装nodejs:https://nodejs.org/en/ 2.然后推荐使用Homebrew 的方式