Angular build index.html不起作用

Question

我已经采取了角度项目的构建并获得了dist文件夹。当我尝试在浏览器中打开index.html时，我收到以下错误，如无法加载资源和找不到inline.bundle.js的文件，polyfil.bundle.js和许多文件。 虽然这些文件添加在脚本标记中，但我没有更改此文件的路径仍然无法正常工作。但是，如果我从实时服务器运行它，它正在工作。 解释为什么没有服务器它不工作？ 为什么它没有加载作为js文件的inline.bundle.js，polyfill.bundle.js？

Answer 1

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

您可以使用<base href="./">中的index.html解决此问题。

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">使其引用当前文件夹。