在没有节点服务器的情况下使用 angular-cli 在 Chrome 上运行本地构建的 angular 2 应用程序

Question

我将使我的 Angular 2 问题非常精确。

1.我正在使用：

Angular 2, angular-cli: 1.0.0-beta.15, ( webpack building ) node: 6.4.0, os: linux x64

2.我想达到的目标：

我想以一种方式构建我的项目，在构建 （ ng build project-name ） 之后我得到我的 Angular 2 应用程序的静态文件，我可以直接从 chrome 运行它而不使用 ng serve 或节点服务器。 我只想双击 index.html 并在本地运行该应用程序。

3.同时，当我双击生成的index.html时，我在chrome浏览器控制台输出中得到的是：

file:///inline.js 加载资源失败：net::ERR_FILE_NOT_FOUND file:///styles.b52d2076048963e7cbfd.bundle.js 加载资源失败：net::ERR_FILE_NOT_FOUND file:///main.c45bb457f14bdc0f5b96.bundle.js加载资源失败：net::ERR_FILE_NOT_FOUND file:///favicon.ico 加载资源失败：net::ERR_FILE_NOT_FOUND

1. 据我了解，这与路径有关。构建和捆绑的应用程序无法找到正确的路径。所以我的问题是我应该 在哪里 以及 如何 更改我的应用程序或任何 构建配置文件 中 的路径，以便我的应用程序像我希望的那样按照我在 第 2 点 中描述的方式工作

2. 提前感谢您对该主题的直接和完整的回答，因为其他主题没有解释该主题的全部范围。

原文由 BartB 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

第一步：

运行命令

ng build

或者

ng build -prod (then it will compact all files for production version)

第二步：

index.html 的变化

<base href="/"> to <base href="./">

第三步：

将所有文件放入服务器（可能是本地主机或任何服务器中的 htdocs）

希望它会起作用。

原文由 sabuz 发布，翻译遵循 CC BY-SA 3.0 许可协议