javascript - Angular 构建 index.html 不起作用

Question

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

Answer 1

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

您可以通过<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 位于同一文件夹中。制作基本网址<base href="/">或<base href="foldername of the index.html">使其引用当前文件夹。