选择器"ng-component"与任何元素错误都不匹配

错误:

EXCEPTION: Error in :0:0 caused by: The selector "ng-component" did not match any elements

使用systemjs直接运行应用程序正常.当我试图建立globals.bundle.js和app.bundle.js使用的WebPack和部署我得到这个错误.

所有文件和依赖项都可以正常加载.

这是我的HTML

<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>




    




<%--


--%>
    
    

Webpack配置

module.exports = {
entry: {
    globals: [
        'zone.js',
        'reflect-metadata'
    ],
    app: './app/main.ts',
},
module: {
    loaders: [
        {test: /.ts$/, loader: 'awesome-typescript-loader'},
    ]
},
output: {
    filename: '[name].bundle.js',
    path: './dist'
}
};

Plunkr

https://plnkr.co/edit/AfYGsdHpIVnVnuF7BCUJ?p=preview 虽然它只发生在我的本地环境中的webpack构建中,但我可以通过plnkr重现这一点

感谢@GünterZöchbauer和@yurzui的支持

@yurzui现在我明白我需要一个引导程序组件或使用的选择器

代替

但是,如果我使用systemjs并且不能使用plunkr或webpack,它会如何工作.