运行 ionic serve 时 ionic 4 子路径未加载

Question

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

定期地，我一直在通过 运行 宁 npm update 更新我的包裹，目前在：

"@ionic/angular": "^4.0.2"

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

CLI 4.10.3

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

当 运行ning 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 从 ./ 更改为 /，这解决了我的问题。