Question

使用webpack + typescript的Angular 2找不到根组件，除非应用程序条目文件的脚本标记位于自定义元素之后。

有谁能告诉我这是怎么回事？

我是否在引导过程中错过了一组？

有没有办法在角度2开始寻找路径组件元素之前等待页面加载？

无效

<body><!--All the comments you'll see below are meant to null 'white space' between layout elements--><!--
 --><div class="backDrop" id="backDrop"><!--
	 --><div class="lineBreak"></div><!--
	 --><div class="module" id="module"></div>
	</div>

正在运作

<!DOCTYPE html>
<html>
  <head>
    <title>Express</title>
    <link rel='stylesheet' href='http://localhost:8080/dist/main_style.css' />
      <script src="libs/angular2-polyfills.min.js"></script>
      <script src="dist/main.bundle.js"></script>
  </head>
  <body>
    <my-app>Loading...</my-app>
  </body>
</html>

＆＃39; boot.ts＆＃39;文件

<!DOCTYPE html>
<html>
  <head>
    <title>Express</title>
    <link rel='stylesheet' href='http://localhost:8080/dist/main_style.css' />
      <script src="libs/angular2-polyfills.min.js"></script>
      <!--<script src="dist/main.bundle.js"></script>-->
  </head>
  <body>
    <my-app>Loading...</my-app>
<script src="http://localhost:8080/dist/main.bundle.js"></script>
  </body>
</html>

Answer 1

我想这是因为当您将webpack包放在顶部时，所有Angular 2脚本都会在DOM完全松散之前运行。这意味着Angular 2正在尝试启动，但<my-app></my-app>标记尚未呈现。

Angular 2 webpack + typescript找不到root组件

1 个答案: