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

标签 javascript angular upgrade

我从 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>

感谢您的帮助

最佳答案

尝试将 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>

关于javascript - Angular 8 升级后,Angular 脚本被插入到 HTML 文档的开头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58823373/

相关文章:

javascript - 内容未显示: Angular 2

mysql - 将 MySQL 5.7 更新到 MySQL 8.0

python - django 从 1.3 升级到 1.9 生成 TypeError : Item in `` from list'' not a string

.net - Windows VB.NET 1.1 到 2.0 升级 - 好处?

javascript - 在 Jquery 拖放之后将元素移动到位置

javascript - react : rendering components in a loop

javascript - 如何从对象 URL 获取文件或 blob?

javascript - JQuery 从有序列表中删除第一项

Angular 6 - ngModel 的值仅在单击某处时出现

angular - 由于 Heroes 不包含 observable,所以 async 订阅了什么?