typescript - Uncaught Error : Cannot find module - Ionic 2

Question

我正在处理将 rootPage 设置为 AuthPage 的 Ionic 2 项目。后来，我创建了另一个名为 SplashPage 的页面(通过控制台)，但是当我将 rootPage 设置为 SplashPage 时，我遇到了错误 Uncaught Error: Cannot find module "./pages/splash/splash" (app.bundle.js:3188)。有什么问题的线索吗？

应用.ts

import {App, IonicApp, Platform} from 'ionic-angular';
import {ListPage} from './pages/list/list';
import {WishListPage} from './pages/wishlist/wishlist';
import {AuthPage} from './pages/auth/auth';
import {SplashPage} from './pages/splash/splash';

@App({
    templateUrl: 'build/app.html',
    config: {}, // http://ionicframework.com/docs/v2/api/config/Config/
    providers: [UserService]
})
class MyApp {
    rootPage: any = SplashPage;
    pages: Array<{title: string, component: any, user: string}>;
    user: any;
    constructor(private app: IonicApp, private platform: Platform,
                private userService: UserService) {
        this.initializeApp();
        this.user = userService;

        // used for an example of ngFor and navigation
        this.pages = [

            // No need to include this since the user shouldn't see
            // the login page again until their session/token expires
            //{ title: 'Login', component: AuthPage },

            // Since we don't need to fear our user manually navigating
            // via url, why not manage naviagtion permissions with simple
            // template conditionals `*ngIf`
            { title: 'Wishlist', component: WishListPage, user: "shopper"}, // SHOPPER
            { title: 'Current Orders', component: ListPage, user: "shopper" }, // SHOPPER
            { title: 'Orders', component: ListPage, user: "boxer" }, // BOXER
            { title: 'Profile', component: ProfilePage, user:"both" } // BOTH
        ];

    }

飞溅.ts

import {OnInit} from 'angular2/core';
import {NgIf} from 'angular2/common';
import {Page, NavController} from 'ionic-angular';

// @PAGES
import {AuthPage} from '../auth/auth';

@Page({
    templateUrl: 'build/pages/splash/splash.html',
    directives: [NgIf],
    providers: []
})

export class SplashPage {
    constructor() { console.log("@AuthPage: __init__"); }
}

Answer 1

它看起来像 app.ts 你正在调用类 spalsh 但实际的类名是 SplashPage

所以尝试在#splash.ts 中将 SplashPage 重命名为 Splash