具有2個參數的角路線不起作用

Question

我有這個路由文件：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomepageComponent } from './app/homepage/homepage.component';
import { SearchpageComponent } from './app/searchpage/searchpage.component';
import { EventPageComponent } from './app/eventpage/eventpage.component';

const routes: Routes = [
  {
    path: '',
    component: HomepageComponent
  },
  {
    path: 'search',
    component: SearchpageComponent
  },
  {
    path: 'event/:name/:id',
    component: EventPageComponent
  },
];

@NgModule({
  imports: [
    RouterModule.forRoot(routes)
  ],
  exports: [RouterModule]
})
export class AppRoutingModule {
}

每當我嘗試導航到類似http://localhost:4200/event/asa/123的URL時，它都不會加載EventPageComponent （空白頁），Chrome在控制台中給我以下錯誤：

Failed to load resource: the server responded with a status of 404 (Not Found) (http://localhost:4200/event/asa/inline.bundle.js)

它為每個捆綁包都這樣做。

我想念什么嗎？

Answer 1

您的index.html的腳本引用似乎不正確。 當它應該指向/inline.bundle.js （絕對）時，它似乎指向inline.bundle.js （相對於當前路徑）。 考慮到您的問題，這是我的最佳猜測，我發現Angular代碼沒有任何問題（Angular中的任何內容也不會產生此錯誤）。

如果您使用類似webpack的捆綁方式，那么毫無疑問，您可以找到解決方案。