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

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

我正在使用：

角2,
   angular-cli：1.0.0-beta.15,(webpack building)
   节点：6.4.0,
   os：linux x64

2.我想要实现的目标：

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

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

file:///inline.js Failed to load resource: net::ERR_FILE_NOT_FOUND
file:///styles.b52d2076048963e7cbfd.bundle.js Failed to load resource: net::ERR_FILE_NOT_FOUND
file:///main.c45bb457f14bdc0f5b96.bundle.js Failed to load resource: net::ERR_FILE_NOT_FOUND
file:///favicon.ico Failed to load resource: net::ERR_FILE_NOT_FOUND

>据我所知,这与路径有关.构建和捆绑的应用程序找不到正确的路径.所以我的问题是我应该在哪里以及如何更改我的应用程序或任何构建配置文件中的路径,以便我的应用程序能够按照我在第2点中描述的方式工作
>提前感谢您对该主题的直接和完整答案,因为其他主题并未解释该主题的全部范围.

解决方法:

第一步：

运行命令

ng build

要么

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

第二步：

index.html中的变化

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

第三步：

将所有文件放入服务器(可能是localhost或任何服务器中的htdoc)

希望它能奏效.

标签：javascript,angular,webpack,angular-cli,ember-cli
来源： https://codeday.me/bug/20191003/1850697.html