类型 HTTPOriginal 不可分配给类型 Provider,插件安装后离子错误
Type HTTPOriginal is not assignable to type Provider, ionic error after plugin installation
我安装 cordova-plugin-advanced-http 插件后,当我尝试在 app.modules.ts 中的提供商上导入它时,我得到以下信息:
我已经重新安装,清理缓存,但它一直在发生。这是 app.module.ts 代码:
import { HTTP } from '@ionic-native/http';
import { GalleryPageModule } from './../pages/gallery/gallery.module';
import { HttpClient, HttpClientModule } from '@angular/common/http';
import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
//providers
import { ImagesProvider } from '../providers/images/images';
//plugins
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { File } from '@ionic-native/file';
import { FileTransfer } from "@ionic-native/file-transfer";
import { AndroidPermissions } from '@ionic-native/android-permissions';
import { SocialSharing } from '@ionic-native/social-sharing';
//firebase
import { firebase } from './../firebase';
import { AngularFireModule } from '@angular/fire';
import { AngularFireDatabaseModule, AngularFireDatabase } from '@angular/fire/database';
import { AngularFireAuthModule } from '@angular/fire/auth';
import { AngularFirestoreModule, AngularFirestore } from '@angular/fire/firestore';
import { ImagenPageModule } from '../pages/imagen/imagen.module';
@NgModule({
declarations: [
MyApp,
HomePage,
],
imports: [
BrowserModule,
IonicModule.forRoot(MyApp),
HttpClientModule,
GalleryPageModule,
AngularFireModule.initializeApp(firebase),
AngularFireDatabaseModule,
AngularFireAuthModule,
AngularFirestoreModule.enablePersistence(),
ImagenPageModule,
GalleryPageModule
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
HomePage,
],
providers: [
StatusBar,
SplashScreen,
{provide: ErrorHandler, useClass: IonicErrorHandler},
HttpClient,
ImagesProvider,
AngularFirestore,
File,
HTTP,
FileTransfer,
AndroidPermissions,
SocialSharing,
]
})
export class AppModule {}
我已经在我的其他项目中尝试过,并且有效,没有出现 HTTPOriginal 建议。
您安装了最新的 @ionic-native/http
beta (v5+)
您必须从 /ngx
导入 HTTP
import { HTTP } from '@ionic-native/http/ngx';
否则退回到@ionic-native/http
v4+
这是因为 Ionic 更新了所有的 Plugin 所以我建议使用那个插件的低版本。!如果您当前的版本是 4.5.0 或其他版本,那么您必须将其降级为 4.3.2 或其他版本。
在 @ionic-native/android-permissions
的情况下,我也遇到了同样的错误。
要解决此类问题,只需降级插件版本即可。
示例:
@ionic-native/android-permissions@.5.0.1
到@ionic-native/android-permissions@3.4.0
我安装 cordova-plugin-advanced-http 插件后,当我尝试在 app.modules.ts 中的提供商上导入它时,我得到以下信息:
我已经重新安装,清理缓存,但它一直在发生。这是 app.module.ts 代码:
import { HTTP } from '@ionic-native/http';
import { GalleryPageModule } from './../pages/gallery/gallery.module';
import { HttpClient, HttpClientModule } from '@angular/common/http';
import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
//providers
import { ImagesProvider } from '../providers/images/images';
//plugins
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { File } from '@ionic-native/file';
import { FileTransfer } from "@ionic-native/file-transfer";
import { AndroidPermissions } from '@ionic-native/android-permissions';
import { SocialSharing } from '@ionic-native/social-sharing';
//firebase
import { firebase } from './../firebase';
import { AngularFireModule } from '@angular/fire';
import { AngularFireDatabaseModule, AngularFireDatabase } from '@angular/fire/database';
import { AngularFireAuthModule } from '@angular/fire/auth';
import { AngularFirestoreModule, AngularFirestore } from '@angular/fire/firestore';
import { ImagenPageModule } from '../pages/imagen/imagen.module';
@NgModule({
declarations: [
MyApp,
HomePage,
],
imports: [
BrowserModule,
IonicModule.forRoot(MyApp),
HttpClientModule,
GalleryPageModule,
AngularFireModule.initializeApp(firebase),
AngularFireDatabaseModule,
AngularFireAuthModule,
AngularFirestoreModule.enablePersistence(),
ImagenPageModule,
GalleryPageModule
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
HomePage,
],
providers: [
StatusBar,
SplashScreen,
{provide: ErrorHandler, useClass: IonicErrorHandler},
HttpClient,
ImagesProvider,
AngularFirestore,
File,
HTTP,
FileTransfer,
AndroidPermissions,
SocialSharing,
]
})
export class AppModule {}
我已经在我的其他项目中尝试过,并且有效,没有出现 HTTPOriginal 建议。
您安装了最新的 @ionic-native/http
beta (v5+)
您必须从 /ngx
HTTP
import { HTTP } from '@ionic-native/http/ngx';
否则退回到@ionic-native/http
v4+
这是因为 Ionic 更新了所有的 Plugin 所以我建议使用那个插件的低版本。!如果您当前的版本是 4.5.0 或其他版本,那么您必须将其降级为 4.3.2 或其他版本。
在 @ionic-native/android-permissions
的情况下,我也遇到了同样的错误。
要解决此类问题,只需降级插件版本即可。
示例:
@ionic-native/android-permissions@.5.0.1
到@ionic-native/android-permissions@3.4.0