构建后 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 插件,因为它们无法在浏览器中运行。
之后,你这样做:
ionic cordova platform add browser
ionic build --prod
- 然后将
platforms\browser\www
中的www复制到网络服务器
这只是一个基本部署。
如果你想做一个PWA
有使该应用程序成为 PWA 的教程(这意味着它可以作为应用程序通过浏览器安装在您的设备主屏幕上)。
您可以使用 Firebase 托管,在这种情况下,离子文档网站上有说明。
或者您可以自己部署它,这意味着添加 angular pwa 包和我认为的其他一些步骤。如果这是你想要做的,我可以帮你查一下。
我 运行 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 插件,因为它们无法在浏览器中运行。
之后,你这样做:
ionic cordova platform add browser
ionic build --prod
- 然后将
platforms\browser\www
中的www复制到网络服务器
这只是一个基本部署。
如果你想做一个PWA
有使该应用程序成为 PWA 的教程(这意味着它可以作为应用程序通过浏览器安装在您的设备主屏幕上)。
您可以使用 Firebase 托管,在这种情况下,离子文档网站上有说明。
或者您可以自己部署它,这意味着添加 angular pwa 包和我认为的其他一些步骤。如果这是你想要做的,我可以帮你查一下。