构建后 IONIC 4 项目不会加载

IONIC 4 project won´t load after build

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

有人知道为什么会这样吗?这也发生在空白项目上。

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

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

Angular版本:8.1.2

离子版本:4.7.1

感谢您的建议。

你复制文件是为了什么?

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

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

如果您想部署为网络应用程序

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

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

之后,你这样做:

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

这只是一个基本部署。

如果你想做一个PWA

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

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

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