[Ionic]5.0.0-beta.3版尝鲜

最新推荐文章于 2022-01-21 09:55:32 发布

原创最新推荐文章于 2022-01-21 09:55:32 发布 · 734 阅读

0 ·

CC 4.0 BY-SA版权

Web App 专栏收录该内容

38 篇文章

订阅专栏

本文分享了Ionic5Beta版与Angular9集成测试的经验，详细介绍了项目配置及遇到的问题。在测试过程中，作者发现使用Angular9.0.0-RC7和Typescript3.6.4时，构建过程出现错误。通过调整tsconfig.json中目标版本从es2015回退至es5，成功解决了构建卡顿和错误。

Ionic5正式版还没发布, 不过ionic5 beta版已经出来了, 而且最新已经开始支持Angular9. 因此小试了一下,以下是ionic测试项目的一些主要配置:

ionic info

xiaomo@xiaomo:/data/apps/ionicTest$ ionic info

Ionic:

   Ionic CLI                     : 5.4.13 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 5.0.0-dev.202001032123.aac4bb0
   @angular-devkit/build-angular : 0.900.0-rc.7
   @angular-devkit/schematics    : 9.0.0-rc.7
   @angular/cli                  : 9.0.0-rc.7
   @ionic/angular-toolkit        : 2.1.1

Utility:

   cordova-res : not installed
   native-run  : not installed

System:

   NodeJS : v13.0.1 (/usr/local/bin/node)
   npm    : 6.12.0
   OS     : Linux 4.18

package.json

{
  "name": "netdisk",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "https://ionicframework.com/",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/common": "^9.0.0-rc.7",
    "@angular/core": "^9.0.0-rc.7",
    "@angular/forms": "^9.0.0-rc.7",
    "@angular/platform-browser": "^9.0.0-rc.7",
    "@angular/platform-browser-dynamic": "^9.0.0-rc.7",
    "@angular/router": "^9.0.0-rc.7",
    "@ionic-native/core": "^5.19.1",
    "@ionic-native/splash-screen": "^5.19.1",
    "@ionic-native/status-bar": "^5.19.1",
    "@ionic/angular": "^5.0.0-dev.202001032123.aac4bb0",
    "core-js": "^3.6.1",
    "rxjs": "~6.5.4",
    "three": "^0.112.1",
    "tslib": "^1.10.0",
    "zone.js": "~0.10.2"
  },
  "devDependencies": {
    "@angular-devkit/architect": "^0.900.0-rc.7",
    "@angular-devkit/build-angular": "^0.900.0-rc.7",
    "@angular-devkit/core": "9.0.0-rc.7",
    "@angular-devkit/schematics": "9.0.0-rc.7",
    "@angular/cli": "^9.0.0-rc.7",
    "@angular/compiler": "^9.0.0-rc.7",
    "@angular/compiler-cli": "^9.0.0-rc.7",
    "@angular/language-service": "^9.0.0-rc.7",
    "@ionic/angular-toolkit": "^2.1.1",
    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.8",
    "@types/node": "~13.1.4",
    "codelyzer": "^5.2.1",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.4.1",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~2.1.1",
    "karma-jasmine": "~3.0.0",
    "karma-jasmine-html-reporter": "^1.5.1",
    "protractor": "~5.4.2",
    "ts-node": "~8.5.4",
    "tslint": "~5.20.1",
    "typescript": "^3.6.4"
  },
  "description": "An Ionic project"
}

其中Angular更新到9.0.0-RC7, Typescript已经更新到了3.6.4 . 测试过程中发现一点问题, 进行ionic build的时候, 卡住并报错了:

An unhandled exception occurred: Call retries were exceeded
See "/tmp/ng-PVIu7t/angular-errors.log" for further details.
[ERROR] An error occurred while running subprocess ng.

临时解决方法: 修改tsconfig.ts, 将"target": "es2015", 降回到了"target": "es5", .