ionic 小白入门踩坑记录

   1.ionic 调试

     ionic 在手机上调试时可用 ionic cordova run android -lc 命令来 build  apk, build的apk 安装在手机上之后，chrome浏览器打开 chrome://inspect/#devices 网址。 remote Target 下会出现当前的 页面。点击进入 source 下可调试 ts文件。

 2.常用命令：

    ionic cordova run android  在android平台上运行  

    ionic cordova prepare android  

    ionic cordova build android 

    ionic cordova platform update 更新平台

3.开发时遇到的问题：

  1：  在开发模式中（ionic cordova run  android -lc）出现 Cordova is not available. Make sure to include cordova.js or run in a device/simulator (running in emulator)

answer:
You need go to node_modules/@ionic/app-scripts/dist/dev-server/serve-config.js
and replace
exports.ANDROID_PLATFORM_PATH = path.join('platforms', 'android', 'assets', 'www'); 
to

exports.ANDROID_PLATFORM_PATH = path.join('platforms', 'android', 'app', 'src', 'main', 'assets', 'www');

  2 :ion-tabs 是 没有返回 导航按钮的。

  3：设置 app背景页透明： 在app.scss中  添加：

ion-app {
  background-color: transparent !important;
  background: transparent !important;
}

 4：设置 ion-list 无滚动条 ： 在app.scss中  添加：

::-webkit-scrollbar {
  display: none !important;
}

 5：给PopoverController 弹出的页面自定义样式

.popOver-style .popover-content {
  background-color: #51514e;
  border-radius: 8px;
  opacity: 0.8;
}

6：设置网络请求超时时间(30秒)。

import 'rxjs/add/operator/timeout';

this.http.get(url, options).timeout(30000);

this.http.post(url, body, options).timeout(30000);

  当出现timeout is not a function 时。没添加 import 'rxjs/add/operator/timeout' 当引用 rxjs 的操作符时需要自己手动import.