我在尝试在IONIC上导入时遇到此错误

时间:2019-06-27 18:31:33

标签: angular ionic-framework ionic4

我正在尝试导入“ InAppBrowser”插件以在android应用中显示WordPress网站。

当我尝试编译代码时遇到此错误

  src / app / app.module.ts(19,5)中的

[ng]错误:错误TS2322:类型   “ InAppBrowserOriginal”不可分配给“ Provider”类型。 [ng]
  类型“ InAppBrowserOriginal”不可分配给“ ClassProvider”类型。   [ng]类型“ InAppBrowserOriginal”中缺少属性“ provide”。   [ng] [ng]我「wdm」:编译失败。

这是我app.module.ts上的代码

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';
import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { InAppBrowser } from '@ionic-native/in-app-browser';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule], 
  providers: [
     StatusBar,
     SplashScreen,
     InAppBrowser,
     { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }   
  ],
  bootstrap: [AppComponent] }
)
export class AppModule {}

1 个答案:

答案 0 :(得分:0)

这是一个Ionic 4项目吗? 如果是这样,则正确的导入是

import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';

docs中进行了解释。

请注意,其他导入已经使用了/ ngx后缀(来自Ionic 4)。