上传了我的角度应用程序，只显示空白页面答案

【问题标题】：uploaded my angular app, nothing but blank page showing上传了我的角度应用程序，只显示空白页面
【发布时间】：2021-04-15 18:44:03
【问题描述】：

刚刚完成了我的 Angular 应用程序。

ng serve -o 完美运行。 ng build -- prod 有效。

但上传到服务器后出现空白页面，控制台没有错误。

将应用程序上传到我的服务器后，index.html 页面显示在浏览器中，标题在浏览器选项卡中，背景颜色正确，甚至 favicon 也会显示，但除此之外页面是空白的。好像 Angular 没有运行。

这里的页面：

http://www.appdigity.com/ptp/

有什么想法吗？

【问题讨论】：

标签： angular

【解决方案1】：

我会尝试验证所有内容是否已正确上传。如果您的托管公司有文件浏览器，我会先检查那里。

从我访问该站点时在控制台中看到的内容来看，有很多 404。

【讨论】：

有趣...由于某种原因，这些都没有出现在我的控制台中。
奇怪.....刷新了几页后，我现在看到了您的网站图标，什么都没有。我再也看不到那些 404 了。你在使用 angular CLI 吗？
它似乎可以正常加载我的索引页面，但路由不正确。 :(

【解决方案2】：

如果您的应用仍然无法运行，请尝试将其添加到您的 index.html 文件中。

会有<base href="/">这一行，只要在/前面加点就可以了，就像<base href="./">..然后再试一次。

【讨论】：

嗯，这些都试过了。还是行不通。索引页面加载，但它没有路由到我的主页。

【解决方案3】：

好的，这只是发生在我身上，可能对其他人有帮助：

安装@nestjs/ng-universal $ ng add @nestjs/ng-universal 我正在处理的 Angular 项目已经安装了@nguniversal，我已经手动卸载了所有我发现的与它相关的东西。所以当我安装了这个新包后，它又修改了 /src/main.ts，包装了两次 boostrap。

document.addEventListener('DOMContentLoaded', () => {
    document.addEventListener('DOMContentLoaded', () => {
        platformBrowserDynamic().bootstrapModule(AppModule)
    .catch(err => console.error(err));
    });
});

这给了我一个运行 $ ng serve 的空白页面，没有错误，没有消息，什么都没有，只是一个白色和令人讨厌的页面。删除其中一个 document.addEventListener( ... 包装器后，它起作用了！

【讨论】：