Angular 8 升级后 Angular 脚本被插入到 HTML 文档的开头

Question

我从 Angular 7.2 升级到 Angular 8，现在所有 Angular 脚本都插入到 HTML 的最开始（在 !DOCTYPE).

这是一个错误吗？有谁知道可能是什么原因造成的？

<script src="runtime.js" defer></script><script src="polyfills-es5.js" nomodule defer></script><script src="polyfills.js" defer></script><script src="styles.js" defer></script><script src="scripts.js" defer></script><script src="vendor.js" defer></script><script src="main.js" defer></script><!DOCTYPE html>
<html>

<head>
    <base href="/my-app/" />
    <title>My App</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" type="image/x-icon" href="favicon.ico?v=2" />
    <script src="./ng-app-settings.js"></script>
</head>
<app>Loading...</app>
<script type="text/javascript" src="//use.typekit.net/abcdefg.js"></script>
<script type="text/javascript">try { Typekit.load(); } catch (e) { }</script>
</html>

我原来的 HTML 很标准。唯一奇怪的是一个 ng-app-settings.js 脚本加载一些 JSON 用于应用程序配置和使用 TypeKit 服务的字体。这些都没有对 Angular 7.

造成问题

<!DOCTYPE html>
<html>

<head>
    <base href="/" />
    <title>My App</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" type="image/x-icon" href="favicon.ico?v=2" />
    <script src="./ng-app-settings.js"></script>
</head>
<app>Loading...</app>
<script type="text/javascript" src="//use.typekit.net/abcdefg.js"></script>
<script type="text/javascript">try { Typekit.load(); } catch (e) { }</script>
</html>

感谢您的帮助

Answer 1

尝试将 body 标签添加到您的 HTML。

<!DOCTYPE html>
<html>

<head>
    <base href="/" />
    <title>My App</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" type="image/x-icon" href="favicon.ico?v=2" />
    <script src="./ng-app-settings.js"></script>
</head>
<body>
    <app>Loading...</app>
    <script type="text/javascript" src="//use.typekit.net/abcdefg.js"></script>
    <script type="text/javascript">try { Typekit.load(); } catch (e) { }</script>
</body>
</html>

Angular 8 升级后 Angular 脚本被插入到 HTML 文档的开头

After Angular 8 upgrade the Angular scripts are inserted at the start of the HTML document

javascript

upgrade

angular