Ionic 在浏览器中启动项目答案

【问题标题】：Ionic start a project in browserIonic 在浏览器中启动项目
【发布时间】：2023-03-19 18:10:02
【问题描述】：

我是 ionic 框架的新手。

我从 github 下载了一个示例项目

然后我想在浏览器上测试它

$ionic serve

终端展示

Running serve task...
Running dev server at http://0.0.0.0:8100
Running live reload server at http://0.0.0.0:35729

chrome 会打开一个新标签页，URL 为：localhost:8100

页面显示 No data received with Error code : 无法加载网页，因为服务器未发送数据。错误代码：ERR_EMPTY_RESPONSE

有人对此有想法吗？

请注意，我尝试了其他示例项目形式的 github，同样的事情发生了。

【问题讨论】：

【解决方案1】：

当我从“www”文件夹而不是项目的根目录调用“ionic serve”时，这发生在我身上。确保从正确的位置调用 serve 命令。

【讨论】：

我正在根据此页面说明运行服务命令。 ionicframework.com/docs/guide/testing.html 上面说“在浏览器中测试您的应用程序就像在项目的根文件夹中运行 serve 命令一样简单。”无论如何，我试图在 WWW 文件夹中运行。同样的事情也会发生。

【解决方案2】：

在 www 目录中使用 python -m SimpleHTTPServer 而不是 ionic serve ，它对我有用

【讨论】：

【解决方案3】：

我不太确定 ionic 的服务任务有什么问题，但我所做的是，使用 cordova 中内置的命令

cordova prepare && cordova serve

我使用 cordova prepare 只是为了确保提供最新的更改

而且我还建议在像这样工作时使用 Ripple

【讨论】：