关于配置环境,请移步
配置了好久的ionic3,发现了不少坑,最终可以build一个完整的项目,现在把一些坑记录下来。这里不在详细的去配置最基本的环境,关于基本的配置,请参照上面给出的网址进行配置。
1.创建一个工程
ionic start UDahuo
创建一个功能.png
创建成功后会有自动的创建一个文件
创建成功产生的文件 文件的结构.png2.启动项目
ionic serve
可以看到会产生如下的命令行
启动项目
启动项目然后使用谷歌浏览器进行调试,按F12进入开发者模式
可以出现如下的图片
这样就成功了
3.进行platform的搭建
使用下面的命令行,这里以配置安卓环境为例
cordova platform add android
正在配置环境
在这一步花费的时间最多,遇到了不少的问题。
- 在下面的路径下找到GradleBuilder.js这个文件,然后进入进行修改。
文件的路径.png
因为下载gradle时非常缓慢,导致要等很久,因此要去修改相应的路径,网上也有使用自己搭建本地服务器的方式来修改的,在这里我用的是直接在本地文件夹的方式
将
https\\://services.gradle.org/distributions/gradle-3.3-all.zip
修改为
../gradle-3.3-all.zip;
修改相应的路径
然后在自己的路径下放入相应的gradle,记得gradle和上面要一致
......\XX项目\platforms\android\gradle
这个地方放入自己的gradle
在这一步,我遇到了一个坑
报错信息如下
Error: Could not find an installed version of Gradle either in Android Studio,
or on your system to install the gradle wrapper. Please include gradle
in your path, or install Android Studio
这一步是因为ionic3的问题导致的,历经查找后,发现要去配置一个gradle,将gradle配置为全局变量才可以
配置全局变量
提供一个解决的方式,有人遇到和我相同的问题,也可以看一下下面的文章
这样后就完了吗?还木有 - -!!!
- 完成最后的配置
ionic 首次build 下载maven2 缓慢可修改./platforms/android/build.gradle更改国内阿里云镜像,下面两处
repositories {
maven{ url'http://maven.aliyun.com/nexus/content/groups/public/'}
}
jcenter()不要
allprojects {
repositories {
maven{ url'http://maven.aliyun.com/nexus/content/groups/public/'};
}
}
jcenter()也不要加,否则速度很慢的说。
然后终于成功
成功
可以看到产生了一个apk的文件
产生的apk文件
网友评论