Javascript Angular2选择器与bundle和ECM6的任何元素都不匹配_Javascript_Html_Angular

Javascript Angular2选择器与bundle和ECM6的任何元素都不匹配

javascript html angular

Javascript Angular2选择器与bundle和ECM6的任何元素都不匹配,javascript,html,angular,Javascript,Html,Angular,我有一个非常简单的angular2项目，配置为使用Gulp、Bundle和ECM6。捆绑包将创建一个大文件，其中包含angular和我的应用程序的翻译ECM5 <!DOCTYPE html> <html> <head> <title>Angular 2 Test</title> <script src="bundle.js"></script> </head> <body>

我有一个非常简单的angular2项目，配置为使用Gulp、Bundle和ECM6。捆绑包将创建一个大文件，其中包含angular和我的应用程序的翻译ECM5

<!DOCTYPE html>
<html>
<head>
    <title>Angular 2 Test</title>
    <script src="bundle.js"></script>
</head>

<body>
<mainapp>

</mainapp>
</body>
</html>

问题是在HTML中定义

mainapp

组件之前，我包含了

bundle.js

。这解决了问题

<!DOCTYPE html>
<html>
<head>
    <title>Angular 2 Test</title>

</head>

<body>
<mainapp>

</mainapp>
<script src="bundle.js"></script>
</body>
</html>


角2试验

更新：

<script src="bundle.js" defer></script>

无论元素的顺序如何，似乎都能解决问题。

延迟

添加到脚本中的属性也会有帮助。你救了我一天！！谢谢

<!DOCTYPE html>
<html>
<head>
    <title>Angular 2 Test</title>

</head>

<body>
<mainapp>

</mainapp>
<script src="bundle.js"></script>
</body>
</html>

<script src="bundle.js" defer></script>