运行离子服务时，离子4子路径未加载

Question

我有一个 --type=angular 的 ionic 4 beta 项目，它在任何路径上加载都没有问题。

定期，我通过运行npm update 更新我的包，目前在：

"@ionic/angular": "^4.0.2"

以及 ionic cli 的更新安装，目前位于：

CLI 4.10.3

我不确定这个应用程序加载问题何时开始，但我怀疑是在运行最后一个 npm update 或更新安装 cli 之后。

在运行ionic serve 时，我的应用程序正确加载，并且我能够毫无问题地导航到所有子路径。

但是，当：

• 查看子路径时刷新浏览器

• 尝试输入带有子路径的 url

• 查看子路径时实时重新加载

应用程序尝试加载相对于子路径的所有 js 文件，但无法像这样运行：

http://localhost:8100/page/sub/path

加载失败，因为应用程序尝试在此处加载runtime.js：

http://localhost:8100/page/sub/path/runtime.js

我的基本 href 当前设置为 ./

当我检查 html 源代码时，脚本标签的格式如下：

<script type="text/javascript" src="runtime.js"></script>

如果我尝试直接在根目录加载页面，应用程序加载正常，不会出现这样的问题：

http://localhost:8100 加载正常

http://localhost:8100/page 加载正常

再次回顾一下，应用程序只是无法在子路径加载 js 资产。

知道从哪里开始故障排除吗？

Answer 1

对于遇到同样问题的任何人，我都有答案。

我不确定何时或为什么，但我的基本 href 设置不正确，这就是问题所在。

我将基本 href 从 ./ 更改为 /，这解决了我的问题。