如何在Ionic 4中构建浏览器版本

Question

如何使用Ionic 4构建浏览器版本。当我尝试使用 ionic cordova构建浏览器--prod 构建并上传 平台/浏览器时/ www 文件并尝试在浏览器中运行，它没有显示任何内容（网页为空白），并且在devtools中出现错误。

有人可以帮我吗？

Answer 1

嗨，我的vuejs应用也遇到了这个问题，新的ionic 4生产版本​​也发生了此问题。
看起来这些系统假设您要在Web服务器的主目录中删除“ dist”或“ www”文件，就像我使用xampp服务器一样。但是我们通常将这些文件放在htdocs / app2之类的子目录中。
因此，要执行此操作，您需要将ionic 4中的<base href="/" />更改为<base href="/app2/" />或您的应用程序是什么。在vue js中，几乎是同一回事。但是您可以手动将“ / app2”添加到index.html文件的脚本中。
那对我有用；您可以尝试。

Answer 2

尝试以index.html为基础进行此更改。

之前：href="/" />
之后： <base href="./"

Answer 3

尝试ionic build --prod.。www文件夹包含网站所需的一切。

Answer 4

我遇到了同样的问题，我的解决方案是将xampp版本升级到最新版本。

Answer 5

如果您试图在服务器上的自定义文件夹中部署应用程序，则需要在项目的index.html文件中更改<base href="/" /> to <base href="/custom_folder_name/" />。

Answer 6

它在上一个版本中发生了变化。这对我有用： 离子构建 --prod --public-url=/app/