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

Question

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

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

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

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

Angular 版本：8.1.2

离子版本：4.7.1

感谢您的建议。

Answer 1

你复制文件是为了什么？

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

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

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

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

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

之后，你这样做：

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

这只是一个基本的部署。

如果你想制作 PWA

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

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

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