角度cli中的绝对路径答案

【问题标题】：Absolute path in angular cli角度cli中的绝对路径
【发布时间】：2017-12-27 00:58:31
【问题描述】：

我正在为我的 angular 2 应用程序使用 angular cli。在 npm run build 之后，会创建 dist 文件夹。当我打开 dist 文件夹的 index.html 时，它找不到像 inline.bundle.js、polyfills.bundle.js 等文件。我需要为这些文件提供一个绝对路径，以便我可以运行我的项目。请帮忙。

【问题讨论】：

为了构建 Angular cli 项目，您应该运行ng build 命令。
@Darshita 我已经建立了这个项目。提到的文件的相对路径是问题。
你发布了你的 dist 文件夹吗？
@Darshita 不是真的。能详细点吗？
可能您的问题与基本 href 相关。检查 cli --base-href 选项

标签： angular angular-cli

【解决方案1】：

解决提供绝对路径的问题

请使用下面的命令使用 Angular cli 生成项目的构建

命令 用于开发构建

ng build --base-href ./

用于生产构建

ng build --prod --base-href ./

base-href 用于通知 js 文件所在的路径。

【讨论】：

core.es5.js:1020 错误错误：未捕获（承诺中）：SecurityError：无法在“历史”上执行“replaceState”：URL 为“file:///Users”的历史状态对象/keshavdhawan/Documents/sd/dist/' 无法在来源为“null”且 URL 为“file:///Users/keshavdhawan/Documents/sd/dist/index.html”的文档中创建。错误：无法在“历史”上执行“replaceState”：无法在源为“null”和 URL 的文档中创建 URL 为“file:///Users/keshavdhawan/Documents/sd/dist/”的历史状态对象file:///Users/keshavdhawan/Documents/sd/dist/index.html'。
这个。 ng build --base-href ./
我也运行了这个命令，它在我的情况下工作正常。是您在控制台或终端中遇到的错误。请尝试从根目录运行该命令
在终端上构建良好。当我打开 dist 文件夹的 index.html 时，我在控制台上收到此错误。
它只是在 chrome 和 firefox 上。我在 safari 上进行了测试，它工作正常。可能是一个安全问题。

【解决方案2】：

我用过这个并且工作正常：

ng build --base-href 'SERVER_APPLICATION_PATH'

喜欢

ng build --base-href 'http://localhost/web/angular-first/'

【讨论】：