当前位置:  开发笔记 > 编程语言 > 正文

Angular2 Selector与bundle和ECM6的任何元素都不匹配

如何解决《Angular2Selector与bundle和ECM6的任何元素都不匹配》经验,为你挑选了1个好方法。

我有一个非常简单的angular2项目,配置为与Gulp,Bundle和ECM6一起使用.Bundle将创建一个大文件,其中包含角度加上我的应用程序的翻译ECM5.




    Angular 2 Test
    








角度应用程序定义如下:

import {Component, View, bootstrap} from 'angular2/core';

export class mainComponent {
    static get annotations() {
        return [
            new Component({
                selector: 'mainapp'
            }),
            new View({
                template: `
Hello!
` }) ]; } } bootstrap(mainComponent);

但是当我加载它时,我继续收到错误

"selector 'mainapp' did not match any element"

Simone Zanda.. 23

问题是我在HTML中定义组件bundle.js之前就已经包含了mainapp.这解决了这个问题.




    Angular 2 Test










更新:


无论元素的顺序如何,似乎也解决了问题.



1> Simone Zanda..:

问题是我在HTML中定义组件bundle.js之前就已经包含了mainapp.这解决了这个问题.




    Angular 2 Test










更新:


无论元素的顺序如何,似乎也解决了问题.


添加到脚本中的`defer`属性也会有所帮助.
推荐阅读
重庆制造漫画社
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有