Javascript 有2个参数的角度路线不工作

我有一个路由文件：

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

，它不会加载

EventPageComponent

（空白页），Chrome在控制台中给了我以下错误：

加载资源失败：服务器响应状态为404（未找到）(http://localhost:4200/event/asa/inline.bundle.js)

每捆都是这样

---

我遗漏了什么吗？

您在

index.html

中的脚本引用似乎不正确。它似乎指向

/inline.bundle.js

（相对于当前路径），而它应该指向

/inline.bundle.js

（绝对路径）。考虑到你们的问题，这是我最好的猜测，我认为Angular代码并没有任何错误（Angular中的任何东西都不会产生这种错误）

---

如果您正在使用webpack之类的工具进行捆绑，他们无疑有一个解决方案。

您在

index.html

中的脚本引用似乎不正确。它似乎指向

/inline.bundle.js

（相对于当前路径），而它应该指向

/inline.bundle.js

（绝对路径）。考虑到你们的问题，这是我最好的猜测，我认为Angular代码并没有任何错误（Angular中的任何东西都不会产生这种错误）

---

如果您正在使用webpack之类的工具进行捆绑，他们无疑有解决方案。

您是对的！问题是

index.html

文件的基本定义错误。我把它从

改为

非常感谢。你说得对！问题是

index.html

文件的基本定义错误。我把它从

改为

非常感谢。