Angular 构建 index.html 不起作用

Question

我已经构建了 angular 项目并获得了 dist 文件夹。当我尝试在浏览器中打开 index.html 时，我收到以下错误，例如无法加载资源和找不到 inline.bundle.js 的文件，polyfil。 bundle.js 和许多文件。 尽管此文件已添加到脚本标记中，并且我没有更改此文件的路径，但仍然无法正常工作。 解释为什么它在没有服务器的情况下不起作用？ 为什么不加载 js 文件的 inline.bundle.js,polyfill.bundle.js？

Answer 1

找不到您的文件，因为基本 URL 已更改。

您可以通过在index.html使用<base href="./">来解决此问题。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base

Answer 2

您还可以使用ng build --base-href ./命令，这样就不需要修改 HTML 文件。

Answer 3

根据 Mozilla 的说法：

The HTML <base> element specifies the base URL to use for 
all relative URLs in a document. There can be only one <base> element in a document.

这意味着所有已编译的资源都相对于系统的根目录进行引用。 例如，样式和图像与 index.html 位于同一文件夹中。 使基本 url <base href="/">或<base href="foldername of the index.html">使其引用当前文件夹。