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

【问题标题】：How to build browser version in Ionic 4如何在 Ionic 4 中构建浏览器版本
【发布时间】：2019-02-08 05:42:51
【问题描述】：

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

谁能帮我解决这个问题？

【问题讨论】：

您在浏览器的 devtools 控制台输出中看到了什么错误？
@Nikola 我已经编辑了我的问题。
尝试构建 --prod
@SureshKumarAriya 感谢您的建议。我已经尝试使用 ng build --prod 但仍然遇到同样的错误。
那可能是其他问题。

标签： ionic-framework ionic4

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

在index.html base 中尝试此更改。

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

【讨论】：

【解决方案4】：

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

【讨论】：

【解决方案5】：

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

【讨论】：

【解决方案6】：

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

【讨论】：

我尝试过使用 ionic build --prod 并使用 www 文件夹文件，但也遇到了同样的错误。