angular - Angular 5 路由无法匹配 url 段

Question

我们有一个带有以下 URL 的应用程序。

 http://localhost:8080/myapp/#/route1

我的路由配置如下

export const routeConfig = [
{
 path: 'myapp',
 children: [
  {
    path: 'route1',
    loadChildren: 'app/route1/route1.module#Route1Module',
  }
]
}];

当我尝试访问 URL 时，出现以下错误 -

Error: Cannot match any routes. URL Segment: 'myapp/'
Error: Cannot match any routes. URL Segment: 'route1'
at t.noMatchError (main.bundle.js:1)
at e.selector (main.bundle.js:1)
at e.error (polyfills.bundle.js:1)
at e._error (polyfills.bundle.js:1)
at e.error (polyfills.bundle.js:1)

在这种情况下，路由的正确配置是什么？基本 href 应该是什么？

Answer 1

是否有路由模块在 route1 模块中路由 route1 子项？您的设置已将“mayapp / route1 / ...” URL 路由延迟加载到 route1 模块中。这意味着您想要的解决方案应该在 route1 模块中处理。如果是这样，您需要在“route1 模块”中配置 url 路由。