为什么每次运行 ng serve 我的项目时都会显示此错误？答案

【问题标题】：Why every time this error shows when I run ng serve my project?为什么每次运行 ng serve 我的项目时都会显示此错误？
【发布时间】：2020-02-29 09:16:35
【问题描述】：

错误：未设置基本 href。请为 APP_BASE_HREF 提供一个值标记或向文档添加基本元素。在新 provideLocationStrategy 上的 PathLocationStrategy (common.js:453) (router.js:5547) 在 callFactory (core.js:21286) 在在 initNgModule (core.js:21168) 创建ProviderInstance (core.js:21238) 在 createNgModuleRef 的新 NgModuleRef (core.js:21895) (core.js:21884) 在 Object.debugCreateNgModuleRef [as createNgModuleRef] (core.js:23715) 在 NgModuleFactory.push../node_modules/@angular/core/fesm5/core.js.NgModuleFactory_.create (core.js:24419) 在 core.js:17765

【问题讨论】：

这能回答你的问题吗？ Angular 2 router no base href set
这能回答你的问题吗？ please provide a value for APP_BASE_HREF token exception Angular2

标签： angular angular-errorhandler

【解决方案1】：

根据您的错误跟踪，看起来基本 href 是未定义的。尝试在 index.html 中添加<base href="/">。

Index.html

<head>
  <base href="/">
  <!-- other code-->
</head>

希望，这会有所帮助

【讨论】：

请点击此评论的勾号，将此问题标记为已回答。

【解决方案2】：

要与 PathLocationStrategy 一起使用的基本 href 的预定义 DI 令牌。基本 href 是生成和识别 URL 时应保留的 URL 前缀。

const APP_BASE_HREF: InjectionToken<string>;

以下示例展示了如何使用此标记为根应用程序注入器配置一个基本的 href 值，以便 DI 框架可以在应用程序的任何位置提供依赖项。

import {Component, NgModule} from '@angular/core';
import {APP_BASE_HREF} from '@angular/common';

@NgModule({
  providers: [{provide: APP_BASE_HREF, useValue: '/my/app'}]
})
class AppModule {}

【讨论】：