TypeScript 错误找不到模块 'angularfire2/interfaces' ionic 3 angularfire2-offline

Posted 2023-03-13

【中文标题】TypeScript 错误找不到模块 \'angularfire2/interfaces\' ionic 3 angularfire2-offline

【英文标题】：TypeScript Error Cannot find module 'angularfire2/interfaces' ionic 3 angularfire2-offlineTypeScript 错误找不到模块 'angularfire2/interfaces' ionic 3 angularfire2-offline

【发布时间】：2018-02-01 04:18:50

【问题描述】：

当我想设置 angularfire2-offline 时出现此错误：

[16:02:08]  typescript: node_modules/angularfire2-offline/database/database.d.ts, line: 2 
            Cannot find module 'angularfire2/interfaces'. 

       L1:  import  AngularFireDatabase  from 'angularfire2/database';
       L2:  import  FirebaseListFactoryOpts, FirebaseObjectFactoryOpts  from 'angularfire2/interfaces';
       L3:  import  AfoListObservable  from './list/afo-list-observable';

[16:02:08]  typescript: node_modules/angularfire2-offline/database/interfaces.d.ts, line: 1 
            Cannot find module 'angularfire2/interfaces'. 

       L1:  import  FirebaseListFactoryOpts  from 'angularfire2/interfaces';

[16:02:08]  typescript: node_modules/angularfire2-offline/database/list/afo-list-observable.d.ts, line: 1 
            Cannot find module 'angularfire2/interfaces'. 

       L1:  import  FirebaseListFactoryOpts  from 'angularfire2/interfaces';
       L2:  import  ReplaySubject  from 'rxjs/ReplaySubject';

[16:02:08]  typescript: node_modules/angularfire2-offline/database/list/emulate-query.d.ts, line: 1 
            Cannot find module 'angularfire2/interfaces'. 

       L1:  import  FirebaseListFactoryOpts  from 'angularfire2/interfaces';
       L2:  export declare class EmulateQuery 

@ngModule in app.module.ts:

@NgModule(
  declarations: [
    MyApp,
    HomePage
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp),
    AngularFireModule.initializeApp(firebaseConfig),
    AngularFireDatabaseModule,
    AngularFireOfflineModule
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    HomePage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    provide: ErrorHandler, useClass: IonicErrorHandler
  ]
)
export class AppModule 

版本：

离子 3.9.2 CLI 3.8 angularfire2 4.0.0 angularfire2-离线 4.2.4 firebase 4.3.0 打字稿 2.6.0

我正在关注两个教程：

https://github.com/adriancarriger/angularfire2-offline 和 https://javebratt.com/offline-angularfire2/

错误突然出现。

【问题讨论】：

你能显示NgModule部分的code吗？

@NgModule( declarations: [ MyApp, HomePage ], imports: [ BrowserModule, IonicModule.forRoot(MyApp), AngularFireModule.initializeApp(firebaseConfig), AngularFireDatabaseModule, AngularFireOfflineModule ], bootstrap: [IonicApp], entryComponents: [ MyApp, HomePage ], providers: [ StatusBar, SplashScreen, provide: ErrorHandler, useClass: IonicErrorHandler ] ) export class AppModule

请把它放在你的帖子上。然后每个人都可以很好地阅读它。这里不能。

【参考方案1】：

好像是新的angularfire2版本有问题

angularfire2 : 4.0.0-rc.2

我降级到以前的版本，现在一切正常。

npm install angularfire2@4.0.0-rc0

【讨论】：

从 app.module.ts 中的提供者中删除 AngularFireModule 对我来说是固定的。