检查主应用和远程应用的路由配置是否一致。特别是确保远程应用的路由是基于子目录的。例如,在远程应用的路由配置中,将所有路由路径都以目录路径“/app”作为前缀,然后在主应用的路由配置中使用该路径来加载远程应用。示例代码如下:
远程应用路由配置:
const routes: Routes = [ { path: 'app', component: RemoteAppComponent } ];
主应用路由配置:
const routes: Routes = [ { path: 'remote-app', loadChildren: () => loadRemoteModule({ remoteEntry: 'http://localhost:3000/remoteEntry.js', remoteName: 'remoteApp', exposedModule: './RemoteAppModule' }) .then(m => m.RemoteAppModule) }, { path: '', redirectTo: 'remote-app/app', pathMatch: 'full' } ];
这种配置将确保主应用正确加载远程应用,并将其路由路径前缀设置为“/app”。如果配置不正确,可能会导致Angular模块联邦远程应用出现路由错误和控制台错误。