необработанный Отклонение обещания: базовая ссылка не задана. Пожалуйста, укажите значение для токена APP_BASE_HREF или добавьте базовый элемент в документ - PullRequest
Новая
       12

необработанный Отклонение обещания: базовая ссылка не задана. Пожалуйста, укажите значение для токена APP_BASE_HREF или добавьте базовый элемент в документ

0 голосов
/ 03 мая 2018

Я работаю над угловым проектом 4 в качестве внешнего интерфейса для asp.net MVC и API в том же решении, когда я устанавливаю свои маршруты, я получаю вышеупомянутую ошибку. мой код следующий 

import { NgModule } from '@angular/core';
  import { CommonModule   } from '@angular/common';


 import { RouterModule, Routes } from '@angular/router';
import { DashboardComponent } from 
'../../Components/dashboard/dashboard.component';
 import { TraitComponent } from '../../Components/trait/trait.component';

  const routes: Routes = [
     { path: ' ', redirectTo: '/dashboard', pathMatch: 'full' },
     { path: 'dashboard', component:DashboardComponent  },
     { path: 'Trait', component: TraitComponent },
      //{ path: 'heroes', component:  }
    ];
     @NgModule({
      imports: [
       RouterModule.forRoot(routes) ,
                                      CommonModule
                                                         ],

exports: [RouterModule],

}) класс экспорта MyAppRoutingModuleModule {

я регистрирую / импортирую "myapprouting" и в моем приложении это код в моем appComponent 

<nav>
            <a routerLink="localhost:56800/dashboard">Dashboard</a>
            <a routerLink="localhost:56800/Trait">Heroes</a>
        </nav>
        <!--  <app-trait></app-trait>-->
        <router-outlet>


        </router-outlet>

Ответы [ 3 ]

0 голосов
/ 04 мая 2018

Попробуйте поменять роутер Ссылка на это: 

[routerLink]="['/dashboard']
[routerLink]="['/Trait']
0 голосов
/ 28 июня 2019

app.module.ts 

        import { APP_BASE_HREF } from '@angular/common'; <-- add those ***

        const appRoutes: Routes = [
          { path: 'secondpage', component: SecondPageComponent },

        ];
        @NgModule({
          declarations: [
            AppComponent,
            NameEditorComponent,
            ProfileEditorComponent,
            SecondPageComponent
          ],
          imports: [

            BrowserModule,
            // other imports ...
            ReactiveFormsModule,
            RouterModule.forRoot(
              appRoutes,
              { enableTracing: true } //
            )
          ],
          providers: [{provide: APP_BASE_HREF, useValue: '/'}], <-- add those ****        bootstrap: [AppComponent]
        })
        export class AppModule { }
0 голосов
/ 03 мая 2018

В вашем app.module.ts добавьте следующее: 

{provide: APP_BASE_HREF, useValue: '/'}

вашим ** провайдерам: [] ** так будет: 

providers: [{provide: APP_BASE_HREF, useValue: '/'},SomeService,AnotherService]
...