Angular 延迟加载的多级未来状态不工作

我想在UI路由器中使用具有未来状态的多级路由

以下是我尝试过的：

级别0-状态：帐户**

级别2-状态：account.profile**

const accountState = {
name: 'account',
url: '/account',
template: '<ui-view />'
}

const accountFutureState = {
name: 'account.**',
url: '/account',
loadChildren: () =>
    import('account/account.js').then(mod => {
      return mod.AccountModule;
    })
}
const profileState = {
name: 'account.profile',
url: '/profile',
template: '<ui-view />'
}

const profileFutureState = {
name: 'account.profile.**',
url: '/profile',
loadChildren: () =>
    import('account/profile.js').then(mod => {
      return mod.ProfileModule;
    })
}

stateMatcher.find: Found multiple matches for account.profile.details using glob:  (2) ["account.**", "account.profile.**"]