【发布时间】:2016-07-11 13:25:21
【问题描述】:
我正在处理 Ionic 2 项目,并将 rootPage 设置为 AuthPage。后来,我创建了另一个名为 SplashPage 的页面(通过控制台),但是当我将 rootPage 设置为 SplashPage 时,我遇到了错误Uncaught Error: Cannot find module "./pages/splash/splash" (app.bundle.js:3188)。有什么问题的线索吗?
app.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
];
}
splash.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__"); }
}
【问题讨论】:
-
找到了吗?同样的错误,谢谢
-
@AlejandroLora 还没有:/
-
它可能没用,但请尝试使用 '@Component' 装饰器而不是 '@Page' 装饰器并告诉我们..
标签: typescript ionic2