在单个ionic Angular项目中的两个ionic应用程序之间导航

Question

我在一个项目下有两个离子应用程序和一个共享的角度库。假设网站（应用程序1）

我随后将多个Angular应用程序合并为一个应用程序，并将我的ionic应用程序更新为bellow。在app 1中，AppModule声明了共享模块，还导入了App2SharedModule

import { App2SharedModule } from '../../../dashboard/src/app/app.module';
@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [BrowserModule,
    IonicModule.forRoot(),
    AppRoutingModule,
    MenuComponentModule,
    HttpClientModule,
    App2SharedModule.forRoot(), // imported App2 Shared Module
    HttpClientXsrfModule.withOptions({
      cookieName: 'XSRF_TOKEN',
      headerName: 'X-XSRF-TOKEN'
    })
  ],
  providers: provider,
  bootstrap: [AppComponent],
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
})
export class AppModule {}
@NgModule({})
export class App1SharedModule{
  static forRoot(): ModuleWithProviders<App1SharedModule> {
    return {
      ngModule: AppModule,
      providers: provider
    };
  }
}

类似于app 2 AppModule

@NgModule({})
export class App2SharedModule{
  static forRoot(): ModuleWithProviders<App2SharedModule> {
    return {
      ngModule: AppModule,
      providers: provider
    };
  }
}

从应用1导航到应用2时（应用路由模块页面）

const routes: Routes = [
  {
    path: 'home',
    loadChildren: () => import('./home/home.module').then( m => m.HomePageModule)
  },
  {
    path: '',
    redirectTo: 'home',
    pathMatch: 'full'
  },
  {
    path: 'account/login',
    loadChildren: () => import('./views/account/login/login.module').then( m => m.LoginPageModule)
  },
  {
    path: 'dashboard', // this should navigate to app2
    loadChildren: '../../../dashboard/src/app/app.module#App2SharedModule'
  },
];

通过将最后一条路线（仪表板）添加到app 1 app routing module页面，它会继续加载app 1的主页，但app 1不会加载，路线也不会工作，等待超过1分钟后，控制台内存不足。

如果我从文件中删除该路由，应用程序1将正常工作。我想从app 1导航到app2，app 2不应该作为组件加载，而是作为一个单独的UI加载，因为它有自己的UI（app组件等等）。

那么，如何在具有共享角库的单个项目下从一个离子应用程序导航到另一个离子应用程序？

Answer 1

根据我的经验，不可能有这样的行为。最佳做法是在另一个端口（例如，ionic serve--端口=8102）将应用程序2作为单独的应用程序运行，然后使用从应用程序1将用户重定向到应用程序2

window.open('http://localhost:8102');