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

感谢您的建议。

Answer 1

您要复制什么文件？

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

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

如果要部署为Web应用程序

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

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

之后，您需要执行以下操作：

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

这只是一个基本部署。

如果要进行PWA

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

您可以使用Firebase Hosting，在这种情况下，可以在ionic docs网站上找到说明。

或者您可以自己部署它，这意味着添加有角度的pwa软件包以及我认为的其他一些步骤。如果您要这样做，我可以帮助您查找。