angular - IONIC 4 项目在构建后不会加载

Question

我运行ionic build --prod命令然后我将文件从 /www 文件夹复制到 Apache，但没有显示。我用cordova build browser命令尝试了这个，我得到了相同的结果。

有谁知道，为什么会这样？这也发生在空白项目上。

浏览器控制台中的错误：https ://prnt.sc/pfbnk7

www 目录中的文件：https ://prnt.sc/pfbnwu

角度版本：8.1.2

离子版本：4.7.1

感谢您的建议。

标签： angulartypescriptionic-frameworkbuildionic4

Answer 1

你复制文件是为了什么？

如果您只想在浏览器中运行您的应用程序

正常的方法是运行ionic serve，它将构建+启动自己的服务器供您测试。

如果您想部署为 Web 应用程序

如果您想将其作为 Web 应用程序部署到实时 Web 服务器，则需要执行以下步骤。

首先，请确保您不依赖任何 Cordova 插件，因为它们无法在浏览器中运行。

之后，您执行以下操作：

1. ionic cordova platform add browser
2. ionic build --prod
3. 然后将 www 复制platforms\browser\www到网络服务器

这只是一个基本的部署。

如果你想制作 PWA

有一些使应用程序成为 PWA 的教程（这意味着它可以通过浏览器作为应用程序安装在设备主屏幕上）。

您可以使用 Firebase 托管，在这种情况下，离子文档网站上有说明。

或者您可以自己部署它，这意味着添加 angular pwa 包和我认为的其他一些步骤。如果这就是你想要做的，我可以帮你查一下。