react-native init ***时,出现Cannot find module 'invariant'

网上有两种说法:

1、使用国内镜像

  参考:http://blog.sina.com.cn/s/blog_6dca373a0102vyrn.html

  即在命令行下依次输入:

    1)npm config set registry https://registry.npm.taobao.org --global

    2)npm config set disturl https://npm.taobao.org/dist --global

输入命令后,进入项目的存放目录,再次输入react-native init  项目名

2、升级npm版本

  参考:https://github.com/facebook/react-native/issues/11327

在命令行下:

1)输入npm -v,得到当前版本

2)输入npm install [email protected] -g ,升级到新版本

3)进入项目的存放目录,再次输入react-native init  项目名

react-native init ***时,出现Cannot find module 'invariant'

时间: 2024-11-05 19:33:19

react-native init ***时,出现Cannot find module 'invariant'的相关文章

[RN] React Native 打包时 减少 Apk 的大小

React Native 打包时 减少 Apk 的大小 主要有两个方法: 在打包前设置 android\app\build.gradle 文件中 1) def enableProguardInReleaseBuilds = true 经测试,大概能减少 1M 之内的大小 2) def enableSeparateBuildPerCPUArchitecture = true 这个测试后就牛了,打包后的文件为大概 7~8M左右 不过需要注意的是,这里会分成多个平台 命名来分别拆分输出 就是了! 但挺

关于React Native init 项目时候速度太慢的解决方法

因为init项目的时候需要下载资源,但又因为react native的网站被墙所以下载很慢,解决方法就是换成淘宝的NPM镜像 我是直接使用了命令去替换了NPM $ npm install -g cnpm --registry=https://registry.npm.taobao.org 这样一来,就会快很多了,实测,大概3分钟. 淘宝NPM地址:https://npm.taobao.org 如有错误,恳请指出.

React Native - 1 Windows下的环境配置(Windows+Android)

参考:https://facebook.github.io/react-native/docs/getting-started.html(要FQ) 网站上建议使用Chocolatey去配环境,不过这个站点在国内访问太慢了,所以我们单独安装下面的软件就好了. 1. 安装Node.js: https://nodejs.org/en/,下载安装最新版本(推荐LTS版本) 确认Node.js是否安装成功,cmd里输入:node -v (退出是按两次 ctrl+c) 2. 安装python2,https:

React Native基础与入门(二)--初识React Native

React Native组件 React Native是用React Native框架来组建Android和IOS App的技术,那么React Native组件就是React组件.React组件让你将UI分割成独立的.可重用的一些碎片或部分,这些部分都是相互独立的. 创建组件的三种方式 1.ES6创建组件的方式 export default class HelloComponent extends Component { render() { return <Text style={{font

React Native集成到现有项目(非cocoa pods)

将一个现有的ios项目添加react native支持时,有以下几个关键步骤: 在项目里新建一个group,然后在node_modules下面找到React和Libraries两个文件夹,将这两个文件夹下的.xcodeproj文件引入到我们创建的group中. 找到项目的build settings配置,在Header Search Paths下面新增一个地址,定位到node_modules/react-native/React目录下,选择递归(recursive). 找到项目的build ph

React Native布局

一款好的APP离不了一个漂亮的布局,本文章将向大家分享React Native中的布局方式FlexBox. 在React Native中布局采用的是FleBox(弹性框)进行布局. FlexBox提供了在不同尺寸设备上都能保持一致的布局方式.FlexBox是CSS3弹性框布局规范,目前还处于最终征求意见稿 (Last Call Working Draft)阶段,并不是所有的浏览器都支持Flexbox.但大家在做React Native开发时大可不必担心FlexBox的兼容性问题,因为既然Reac

React Native调试技巧与心得

转自:http://blog.csdn.net/quanqinyang/article/details/52215652 在做React Native开发时,少不了的需要对React Native程序进行调试.调试程序是每一位开发者的基本功,高效的调试不仅能提高开发效率,也能降低Bug率.本文将向大家分享React Native程序调试的一些技巧和心得. Developer Menu Developer Menu是React Native给开发者定制的一个开发者菜单,来帮助开发者调试React

React Native之React速学教程(上)

概述 本篇为<React Native之React速学教程>的第一篇.本篇将从React的特点.如何使用React.JSX语法.组件(Component)以及组件的属性,状态等方面进行讲解. What's React React是一个用于组建用户界面的JavaScript库,让你以更简单的方式来创建交互式用户界面. 当数据改变时,React将高效的更新和渲染需要更新的组件.声明性视图使你的代码更可预测,更容易调试. 构建封装管理自己的状态的组件,然后将它们组装成复杂的用户界面.由于组件逻辑是用

React Native之React速学教程(中)

概述 本篇为<React Native之React速学教程>的第一篇.本篇将从React的特点.如何使用React.JSX语法.组件(Component)以及组件的属性,状态等方面进行讲解. What's React React是一个用于组建用户界面的JavaScript库,让你以更简单的方式来创建交互式用户界面. 当数据改变时,React将高效的更新和渲染需要更新的组件.声明性视图使你的代码更可预测,更容易调试. 构建封装管理自己的状态的组件,然后将它们组装成复杂的用户界面.由于组件逻辑是用

在Windows上搭建React Native Android开发环境

安卓环境配置 安装JDK 安装完成后,使用命令行检查版本 java -version 安装Android Studio 以及SDK 下载AS和SDK,建议使用http://www.androiddevtools.cn/,这里整理得比较清晰,SDK下载可能要使用国内镜像,具体使用上面的网址有介绍. 这里需要注意设置环境变量ANDROID_HOME 1. 打开控制面板,选择系统和安全->系统->高级系统设置->高级->环境变量->新建,变量名填写ANDROID_HOME,变量值填