Angular模块联邦--共享模块无法被急切加载使用。
创始人
2024-10-28 14:31:14
0

在使用共享模块的应用程序中,需要将共享模块设置为懒加载模式。假设我们有一个实现共享模块的Angular项目,称为“shared”,并有一个使用该共享模块的主应用程序,称为“main”。我们需要进行以下更改:

  1. 在“shared”项目的app.module.ts文件中,将模块的加载方式设置为懒加载模式:
@NgModule({
  imports: [],
  exports: [],
  declarations: [],
  providers: [],
  bootstrap: [],
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
  // 加载方式设置为懒加载模式
  // (当使用 webpack5 时配置文件webpack.config.js中,需要设置module.federation.shared.type为'lazy')
  // (当使用 webpack5 时,需要设置export来使模块可被引用)
  // (当使用 webpack4 时,需要将entry中对应模块设置为输出文件,然后在主模块使用script引入)
  ...(isWebpack5 ?
    { import: [''], type: 'lazy', shareScope: 'default', export: 'sharedModule' } :
    { },
)
export class AppModule { }
  1. 在“main”项目的app.module.ts文件中,导入共享模块:
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    // 导入共享模块
    // (当使用 webpack5 时配置文件webpack.config.js中,需要设置module.federation.shared.type为'lazy')
    // (当使用 webpack5 时,需要设置import来引用模块)
    // (当使用 webpack4 时,需要将entry中对应模块设置为输出文件,然后在主模块使用script引入)
    ...(isWebpack5 ? [
        loadRemoteModule({
            remoteEntry: 'http://localhost:5000/remoteEntry.js',
            remoteName: 'shared',
            exposedModule: './sharedModule'

相关内容

热门资讯

我来向大家传授!小唐家乐园辅助... 我来向大家传授!小唐家乐园辅助器,多乐找刺激辅助,详细工具(有挂细节)1.小唐家乐园辅助器 选牌创建...
科技介绍!九江讨赏辅助,微玩体... 科技介绍!九江讨赏辅助,微玩体育辅助器,详细方法(有挂分享)小薇(辅助器软件下载)致您一封信;亲爱微...
总算了解!雀姬无限钻石辅助,葫... 总算了解!雀姬无限钻石辅助,葫芦娃七子连心攻略,详细器(真的有挂)1、下载好葫芦娃七子连心攻略透视辅...
避坑细节!牌乐门黑科技,先锋脚... 避坑细节!牌乐门黑科技,先锋脚本辅助,详细教程(有挂教学)一、先锋脚本辅助游戏安装教程牌型概率发牌机...
解密关于!胡易辅助软件,大唐山... 解密关于!胡易辅助软件,大唐山西辅助软件苹果版,详细攻略(有挂教程)1、大唐山西辅助软件苹果版有没有...
揭秘关于!川南欢乐碰辅助,福建... 揭秘关于!川南欢乐碰辅助,福建13水源码,详细技巧(证实有挂)1、川南欢乐碰辅助透视辅助软件激活码多...
分享个大家!微乐陕西小程序破解... 分享个大家!微乐陕西小程序破解器下载,微信小程序游戏破解微乐游戏,详细软件(有挂方法)1、微信小程序...
发现一款!钱塘十水三攻略,蜜蜂... 发现一款!钱塘十水三攻略,蜜蜂大厅辅助插件,详细器(有挂规律)蜜蜂大厅辅助插件破解侠是真的助透视。每...
交流学习经验!多乐找刺激辅助,... 交流学习经验!多乐找刺激辅助,雀友会广东潮汕辅助脚本,详细挂(揭秘有挂)1、雀友会广东潮汕辅助脚本免...
一分钟教你!微信卡五星辅助器,... 一分钟教你!微信卡五星辅助器,微信超级3+1辅助,详细工具(有挂辅助)1、进入游戏-大厅左侧-新手福...