前提:执行创建语句的前提是ionic环境已经装好,开始执行ionic start myApp blank。

提示已经有同名项目,是否覆盖。这里创建的是一个blank(空) 的ionic项目。还要两种是tabs和sideMenu。

到这步项目就建好了,但是一般网络不好的情况下会报错。(因为无法重现错误,所以只能文字描述。如果还要问题可以在下面回复或者加下下面的qq)

报错的原因就是npm packages安装的原因。先使用国内镜像cnpm来安装:

npm install -g cnpm

然后执行跳过安装npm packages这步,执行如下命令:

ionic start app --skip-npm

如果要设置ionic2项目的版本执行如下命令:

ionic start app --v2 --skip-npm

执行完上面这步之后再到项目的目录(这里我的目录是E:/ionic/demo/myapp)打开cmd执行如下命令:

cnpm install --save

执行完之后再ionic serve,项目运行在浏览器中。

接下来如果上面的步骤都成功了,然后准备把项目运行到手机上(安卓端),ios的还没弄。

1:直接在项目目录下执行命令:ionic platform add android

2:执行玩上面那步应该是没什么问题的,接着可以直接执行命令:ionic run android

执行这步的时候会下载gradle。但是如果没墙的话会报错(错误重现不了,文字表示)

报错的原因就是gradle下载失败类似的这样的错误。

解决方法:到网上下载gradle压缩包,这个网上很多,随便下一个就行,下好之后将gradle压缩包

放在:yourproject/platforms/android/gradle 目录下。

  然后再找到:yourproject/platforms/android/cordova/lib/builders/GradleBuilder.js 这个文件。

打开之后搜索distributionUrl ,改为下面这句,然后gradle根据你下载的gradle版本修改

var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL'] || '../gradle-2.4-all.zip';

3:执行完上面两部之后再回到自己项目的目录下,执行ionic run android,这时候会自动加载已经下好的gradle包,不会出现之前的那个错误。

到这里项目的创建和安卓端运行就结束了,如果还要问题的请在下面回复,或者加群(629856806)

文章参考:http://blog.csdn.net/wenzigui_qy/article/details/52874542

ionic创建项目遇到的各种问题的更多相关文章

  1. ionic创建项目失败

    × Downloading and extracting blank starter - failed![ERROR] Network connectivity error occurred, are ...

  2. ionic学习笔记—创建项目

    环境搭建: 安装node.js  --> npm或cnpm   -->  安装jdk  -->  安装AndroidSDK  -->  安装cordova  -->  安 ...

  3. ionic3 创建项目至apk打包全过程教程

    主要流程: 安装node.js  -->  安装jdk  -->  安装AndroidSDK  -->  安装cordova  -->  安装ionic -->  创建项 ...

  4. Ionic start 创建项目报错

    Installing npm packages... Error with start undefined Error Initializing app: There was an error wit ...

  5. ionic学习使用笔记(一) 版本更新及创建项目时遇到的问题解决

    最近开始用ionic开发项目,虽然去年的时候用ionic 2.0 开发过公司的项目,不过现在的ionic已经升级到了ionic framework 3.0 了.而且还有个 ionic-cli . 使用 ...

  6. MUI框架-01-介绍-创建项目-简单页面

    MUI框架-01-介绍-准备-创建项目 从0开始快速高效学习 MUI 框架 官方文档:http://dev.dcloud.net.cn/mui/ui/ (1)MUI 介绍 MUI 是什么,解决了什么问 ...

  7. Ionic01 简单介绍、环境搭建、创建项目、项目结构、创建组件、创建页面、子页面跳转

    1 Ionic 基本介绍 Ionic 是一款基于 Angular.Cordova 的强大的 HTML5 移动应用开发框架 , 可以快速创建一个跨平台的移动应用.可以快速开发移动 App.移动端 WEB ...

  8. Ionic3,安装,创建项目(一)

    Ionic3 简介:是一款html5的轻量级手机开发框架,基于angularjs.scss语法,ionic是一个轻量的手机UI库.并直接放弃了IOS 6和Android 4.1一下的版本支持. 安装: ...

  9. Ionic的项目结构(angluar js)

    Hybird HTML5 App(移动应用开发)之3.Ionic的项目结构 前面使用命令ionic start myapp下载了默认的Ionic应用程序,下面我们打开应用程序项目,来分析一下Ionic ...

随机推荐

  1. 看了一个烟花的html作品 --引用:http://www.w3cfuns.com/blog-5444049-5404365.html

    最近老大想把项目改成响应式,一直在学习没时间更新博客.今天看到一个原生的js烟花项目,感觉很好,把记下来,以后把妹用. [run]<!DOCTYPE html><html>&l ...

  2. PHP随机生成随机个数的字母组合示例

    在很多系统环境下大家都会用到字母组合各种编码,下面推荐大家非常实用的PHP代码. $num由几个字母组合. $s字母包含大小写,可以自己调配大写还小写. <?php function makec ...

  3. oracle 实例启动报错(ORA-01078: failure in processing system parameters )

    在启动Oracle数据库时报错,如下: [oracle@localhost ~]$ sqlplus / as sysdba SQL*Plus: Release 11.2.0.1.0 Productio ...

  4. Windows Phone下页面跳转动画的实现

    写在前面的一些废话: 前段时间一直忙于其他的事情,好长时间没有更新博客,很多东西虽然看过.学过,但是没有仔细去思考,去总结,长时间不用或者用的少难免会遗忘.最近由于家里以及感情方面的事,人也变得有点怨 ...

  5. ng2响应式表单-翻译与概括官网REACTIVE FORMS页面

    本文将半翻译半总结的讲讲ng2官网的另一个未翻译高级教程页面. 原文地址. 文章目的是使用ng2提供的响应式表单技术快速搭出功能完善丰富的界面表单组件. 响应式表单是一项响应式风格的ng2技术,本文将 ...

  6. 手动es6编译es5(命令行)

    package.json:"devDependencies": { "babel-cli": "^6.18.0", "babel- ...

  7. 浅谈MVC缓存

    缓存是将信息放在内存中以避免频繁访问数据库从数据库中提取数据,在系统优化过程中,缓存是比较普遍的优化做法和见效比较快的做法. 对于MVC有Control缓存和Action缓存. 一.Control缓存 ...

  8. ECMAScript6-解构

    ▓▓▓▓▓▓ 大致介绍 解构:就是将声明的一组变量和与相同结构的数组或者对象的元素数值一一对应,并将变量相对应元素进行赋值 ▓▓▓▓▓▓ 数组解构 例子: let [a,b,c] = [1,2,3]; ...

  9. dispaly属性,position属性

    position:absolute;绝对定位相对于父元素(父元素设为relative) position:relative;相对定位相对于自己 position:fixed;固定定位相对于浏览器 di ...

  10. 【C语言】两种方式实现冒泡排序算法

    题目要求 编写一个C语言程序,实现基本的冒泡排序算法. 算法 冒泡排序,用一句话来总结: 一组数中,相邻的两个数进行比较.交换,将最大(小)数交换至尾(首)部,即完成了一次冒泡排序 要想对N个数字进行 ...