ionic-framework - ionic 3 中没有 TabsPage 提供程序

Question

运行ionicserve时，我在浏览器中收到错误No Provider for TabsPage。

TabsPage 在 app.module.ts 文件中列出:

import { NgModule, ErrorHandler } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { MyApp } from './app.component';

import { AboutPage } from '../pages/about/about';
import { ContactPage } from '../pages/contact/contact';
import { HomePage } from '../pages/home/home';
import { CalendarPage } from '../pages/calendar/calendar';
import { NewsPage } from '../pages/news/news';
import { SettingsPage } from '../pages/settings/settings';
import { TabsPage } from '../pages/tabs/tabs';

import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { OneSignal } from '@ionic-native/onesignal';
import { AppVersion } from '@ionic-native/app-version';
import { Calendar } from '@ionic-native/calendar';
import { GoogleAnalytics } from '@ionic-native/google-analytics';
import { InAppBrowser } from '@ionic-native/in-app-browser';
import { SecureStorage } from '@ionic-native/secure-storage';
import { Toast } from '@ionic-native/toast';



import { CalendarProvider } from '../providers/calendar/calendar';
import { SettingsProvider } from '../providers/settings/settings';
import { ConnectivityProvider } from '../providers/connectivity/connectivity';
import { NewsProvider } from '../providers/news/news';
import { CommonFunctionsProvider } from '../providers/common-functions/common-functions';

@NgModule({
  declarations: [
    MyApp,
    CalendarPage,
    NewsPage,
    SettingsPage,
    AboutPage,
    ContactPage,
    HomePage,
    TabsPage
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    AboutPage,
    ContactPage,
    HomePage,
    CalendarPage,
    NewsPage,
    SettingsPage,
    TabsPage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    OneSignal,
    AppVersion,
    Calendar,
    GoogleAnalytics,
    InAppBrowser,
    SecureStorage,
    Toast,
    {provide: ErrorHandler, useClass: IonicErrorHandler},
    SettingsProvider,
    CalendarProvider,
    ConnectivityProvider,
    NewsProvider,
    CommonFunctionsProvider
  ]
})
export class AppModule {}

Answer 1

对于某个页面，当您在另一个页面中初始化此特定页面时，会发生此错误，如下所示:

constructor (public tabs: TabsPage) {}

如果您想在构造函数中初始化一个提供程序，则需要在 app.module.ts 的 providers: [] 下声明它。