【问题标题】:ANGULAR 6 ERROR Uncaught (in promise): Error: Cannot match any routes. URL Segment: '**'角度 6 错误未捕获(承诺中):错误:无法匹配任何路由。网址段:'**'
【发布时间】:2019-03-12 18:42:57
【问题描述】:

我是 angular 6 和 asp.net core web api 的新手,我正在尝试从 valuesController getPatients 获取数据,并将结果显示在网格中,但我收到此错误

ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: '**'
Error: Cannot match any routes. URL Segment: '**'
    at ApplyRedirects.push../node_modules/@angular/router/fesm5/router.js.ApplyRedirects.noMatchError (router.js:1384)
    at CatchSubscriber.selector (router.js:1365)
    at CatchSubscriber.push../node_modules/rxjs/_esm5/internal/operators/catchError.js.CatchSubscriber.error (catchError.js:100)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._error (Subscriber.js:132)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.error (Subscriber.js:106)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._error (Subscriber.js:132)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.error (Subscriber.js:106)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._error (Subscriber.js:132)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.error (Subscriber.js:106)
    at TapSubscriber.push../node_modules/rxjs/_esm5/internal/operators/tap.js.TapSubscriber._error (tap.js:108)
    at resolvePromise (zone.js:831)
    at resolvePromise (zone.js:788)
    at zone.js:892
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423)
    at Object.onInvokeTask (core.js:3811)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:422)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:195)
    at drainMicroTaskQueue (zone.js:601)
defaultErrorLogger @ core.js:1673
:44320/api/Values:1 Failed to load resource: net::ERR_CONNECTION_RESET
core.js:1673 ERROR HttpErrorResponse {headers: HttpHeaders, status: 0, statusText: "Unknown Error", url: null, ok: false, …}

我的module-routing.ts如下

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule, Routes } from '@angular/router'
import { PatientlistComponent } from './patientlist/patientlist.component';
import { AddpatientComponent } from './addpatient/addpatient.component';

export const routes: Routes = [
  //{ path: '', component: PatientlistComponent, pathMatch: 'full' },
  { path: 'patientlist', component: PatientlistComponent },
  { path: 'addpatient', component: AddpatientComponent }
 ]; 



@NgModule({
  imports: [
    CommonModule,
    RouterModule.forRoot(routes)
  ],
  exports: [RouterModule],  
  declarations: []
})
a

export class AppRoutingModule { }

和应用模块

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpModule } from '@angular/http';
import { HttpClientModule } from '@angular/common/http';
import { ReactiveFormsModule } from '@angular/forms'

//import { AppComponent } from './app.component';
import { PatientlistComponent } from './patientlist/patientlist.component';
import { AppRoutingModule } from './/app-routing.module';
import { AddpatientComponent } from './addpatient/addpatient.component';
import { PatientServiceService } from './patient-service.service';

@NgModule({
  declarations: [
   // AppComponent,
    PatientlistComponent,
   AddpatientComponent
  ],
  imports: [
    BrowserModule,
    HttpModule,
    HttpClientModule,
    AppRoutingModule
  ],
  providers: [PatientServiceService],
  //bootstrap: [AppComponent]
  bootstrap: [PatientlistComponent]
})
export class AppModule { }

请帮助解决这个问题 TIA

【问题讨论】:

    标签: angular6 asp.net-core-webapi


    【解决方案1】:

    你没有设置正确的默认路由路径

    你需要设置
    { path: 'your default path ', redirectTo: 'redirect url', pathMatch: 'full', }

    【讨论】:

    • 嗨,bhagwat,因为我是 Angular 的新手,你能告诉我默认路径是什么吗?重定向网址将是我的 web api 控制器,例如 localhost:45318/api/controllername ?
    • 如果要使用角度路由,则需要在index.html 文件中设置<base href="/">。然后添加{ path: '', redirectTo: '/patientlist', pathMatch: 'full' }
    • 嗨,bhagwat,我使用相同的,但不幸的是它也不起作用,我无法从 web api 获取我的数据
    • 您好,请通过这些链接 [angular.io/guide/router#set-up-redirects]
    【解决方案2】:

    您缺少应用程序默认 (/) 路由。请添加一个默认路由,希望它会起作用。

    【讨论】:

    • 默认路由?在哪里>
    猜你喜欢
    • 2020-08-18
    • 2020-09-21
    • 1970-01-01
    • 2019-02-01
    • 1970-01-01
    • 2019-07-30
    • 1970-01-01
    • 2019-04-14
    • 2023-02-11
    相关资源
    最近更新 更多