我正在研究 Angular 的 CLI 工具。当我执行时
ng serve
该应用程序已上线并且运行良好。现在，我想将其分发到广网上并尝试通过以下方式构建它
ng 构建 --verbose
这似乎有效，因为我没有看到任何错误或警告。但是，当我输入创建的dist目录并执行 FF索引.html，我到达一个空白页。
检查源代码，我发现包含的捆绑包在那里，但作为 Angular 应用程序入口点的标签 app-root 没有呈现给任何内容。包含的捆绑包列表如下（我尝试尽可能将其保持为默认和标准）：
<body style="padding-top: 70px;">
<app-root></app-root>
<script type="text/javascript" src="inline.bundle.js"></script>
<script type="text/javascript" src="polyfills.bundle.js"></script>
<script type="text/javascript" src="scripts.bundle.js"></script>
<script type="text/javascript" src="styles.bundle.js"></script>
<script type="text/javascript" src="vendor.bundle.js"></script>
<script type="text/javascript" src="main.bundle.js"></script>
</body>
我假设渲染这些东西所需的所有魔法main.bundle.js提供于内联.bundle.js和/或包含的任何其他捆绑包。是这样吗？
由于我在控制台中没有看到任何错误，因此从src我猜我忘记了一些相当简单的东西，需要打开或注释掉或其他东西。谷歌搜索这样一个模糊的问题会得到一堆无用的信息。
我能做什么呢？如何更深入地排除故障？
我使用这个脚本而不是<base href="/">在index.html中打开dist目录中的文件。我不确定这是否适合您，但可能会有所帮助。
<script>
document.write('<base href="' + String(document.location).replace('index.html','') + '">')
</script>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
