首页 > 解决方案 > 如何在离子 3 中使用角度 6?

问题描述

我在 Angular 5.2 上有一个 Ionic 3 应用程序。我正在尝试更新到 Angular 6。我已经遵循了升级指南HttpClientNgModule. 我现在遇到的问题是ionic-native.

我安装了ionic-native使用rxjsv6 的 V5(angular6 需要并且与以前的版本不兼容)。

这是我的app.module.ts文件

import { Device } from '@ionic-native/device/ngx';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular'
import { BrowserModule } from '@angular/platform-browser'
import { HttpClientModule } from '@angular/common/http'

@NgModule({
  declarations: [
    MyApp,
  ],
  imports: [
    BrowserModule,
    HttpClientModule,
    IonicModule.forRoot(MyApp),
    IonicStorageModule.forRoot(),
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp
  ],
  providers: [
    Device
  ]
})
export class AppModule { }

我收到多个错误

找不到名称“设备”

type '{ 声明的参数:(typeof MyApp)[]; 导入:(ModuleWithProviders | typeof HttpClientModule | typeo...' 不可分配给“NgModule”类型的参数。属性“提供者”的类型不兼容。类型“(DeviceOriginal ”不可分配给“Provider []”类型。类型“DeviceOriginal”不可分配给“Provider”类型。“DeviceOriginal”类型不可分配给“Provider”类型。“DeviceOriginal”类型不可分配给“ClassProvider”类型。“DeviceOriginal”类型中缺少“provide”属性。

问题是:离子 3 可以与 angular 6 一起使用吗?

标签: angularionic3ionic-native

解决方案


到目前为止,唯一对我有用的是保持ionic-native版本4.10.0并安装rxjs-compat

我认为现在采取进一步行动还为时过早。这里是package.json

"dependencies": {
    "@angular/common": ">=6.0.9",
    "@angular/compiler": ">=6.0.9",
    "@angular/compiler-cli": ">=6.0.9",
    "@angular/core": ">=6.0.9",
    "@angular/forms": ">=6.0.9",
    "@angular/http": ">=6.0.9",
    "@angular/platform-browser": ">=6.0.9",
    "@angular/platform-browser-dynamic": ">=6.0.9",
    "@angular/pwa": ">=0.6.8",
    "@angular/service-worker": ">=6.0.9",
    "@ionic-native/core": ">=4.10.0",
    "ionic-angular": ">=3.9.2",
    "purify-css": ">=1.2.5",
    "rxjs": "^6.2.2",
    "rxjs-compat": ">=6.2.2",
    "zone.js": ">=0.8.26"
  }

推荐阅读