【问题标题】:Uncaught Error: No template specified for component MyApp未捕获的错误:没有为组件 MyApp 指定模板
【发布时间】:2017-02-17 14:25:42
【问题描述】:

我正在尝试将我的 ionic 2 Beta 2 代码更新为 ionic 2 RC0,并在我的 app.component.ts 文件中收到 No template specified 错误。

app.component.ts 文件的相关部分如下所示:

@Component({
    templateUrl: 'app.html',
})

export class MyApp {
    rootPage: any = HomePage;
    loggedIn:boolean = false;

    @ViewChild(Nav) nav: Nav;

    root: any;// = HomePage;


    constructor() {
        ...
    }
}

根据更新应用程序以发布 ionic 2 的候选版本 0 的更新说明,app.html 文件与 app.component.ts 文件位于同一目录中,路径为 app.html

在运行 ionic 应用时,Firefox 和 Chrome 都抱怨没有为 app.component 指定模板。

【问题讨论】:

    标签: templates ionic2 components


    【解决方案1】:

    通俗地说,在您的 component.ts 文件中添加 templateURL。按照代码sn-p如下:-

    @Component({
      selector: 'app-securelogin-receiver',
      templateUrl: './securelogin-receiver.component.html',
      providers: [SecureloginService]
    })
    

    在组件加载时被引用,因此它的不可用会引发异常。

    错误:没有为组件指定模板 SecureloginReceiverComponent

    除了我在 templateURL 缺席时遇到的异常。

    【讨论】:

      【解决方案2】:

      我遇到了同样的问题,原因是注释行。即使您的示例中没有包含注释行,我也建议您使用该答案(我认为您没有想到注释行会导致错误)。以下产生了与您相同的错误:

      @Component({
          //template: `<ion-nav [root]="rootPage"></ion-nav>`  
          templateUrl: 'app.html'
      })
      

      我必须进行以下更改才能使编译工作(使用ionic-app-scripts@0.0.30时,我感觉问题出现在v0.0.23和v0.0.30之间,但我没有调查) :

      @Component({
        templateUrl: 'app.html'
        //template: `<ion-nav [root]="rootPage"></ion-nav>`
      })
      

      【讨论】:

      • 谢谢,你到底是怎么想出来的?所以它只出现在 Ionic 中吗? - Angular 应用不受此影响?
      • 我偶然解决了这个问题,但我花了一两个小时才弄清楚:-)。我不知道 Angular 2 应用程序是否存在类似问题,因为我只测试了 Ionic 2 应用程序。由于我认为问题来自 ionic-app-script,我只能建议保持更新。 Ionic 团队在过去几周对其进行了很多改进,但我没有机会对其进行测试以检查问题是否仍然存在。
      • Angular 2 中存在同样的错误,删除注释清除错误。
      • 2018 年 3 月 28 日,我刚刚遇到了这个 :( 错误,我正在使用 ionic 3,我追了 3 个小时,为什么我的页面特定上下文菜单按钮没有出现在这个项目中。猜猜我用的是什么模板:所以我把它注释掉,瞧我又遇到了 4 小时的噩梦错误。
      猜你喜欢
      • 1970-01-01
      • 2018-11-28
      • 2014-09-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-05-02
      • 2020-05-27
      • 1970-01-01
      相关资源
      最近更新 更多