未捕获的错误：找不到模块 - 离子2

我正在使用rootPage设置为AuthPage的Ionic 2项目。后来，我创建了另一个名为SplashPage的页面（通过控制台），但是当我将rootPage设置为SplashPage时，出现错误Uncaught Error: Cannot find module "./pages/splash/splash"（app.bundle.js：3188）。有什么问题的线索？未捕获的错误：找不到模块 - 离子2

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__"); } 
}

来源

2016-03-24 Hamza Ishak

你找到了吗？同样的错误在这里，谢谢 –

@AlejandroLora尚未：/ –

它可能是无用的，但尝试'@Component'装饰器，而不是'@Page'装饰器，让我们知道.. –

-2

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

所以尝试，重命名SplashPage到Splash in＃splash.ts

来源

2016-03-30 02:45:06 sameera207

我怀疑这是问题所在。否则，我不得不将AuthPage类重新命名为Auth，并将WishListPage重命名为WishList（两者都工作正常）。顺便说一句，SplashPage是通过命令“离子g页面飞溅”自动创建的 –

未捕获的错误：找不到模块 - 离子2

回答

相关问题