使用Spartacus延迟加载模块时遇NG0302错误：async管道未找到

错误提示async管道找不到，本质是SampleComponent未被正确关联到其所属的延迟加载模块。你直接在SampleLaunchConfig里引用了SampleComponent，但此时SampleModule还未加载，Angular无法识别该组件的模块上下文，导致即使SampleModule里导入了CommonModule，组件也无法获取到管道的定义。

1. 完善Feature Module配置，关联Launch触发条件 #

修改SampleFeatureConfig，添加loadOnLaunch属性，指定当触发SAMPLE类型的launch时加载模块：

export const SampleFeatureConfig = provideConfig(<CustomStorefrontConfig>{
  featureModules: {
    sample: {
      module: () => import('../sample.module').then((m) => m.SampleModule),
      loadOnLaunch: ['SAMPLE'] // 关联到你定义的launch key
    }
  }
});

2. 调整Launch配置的组件引用方式 #

不要在SampleLaunchConfig里直接引用SampleComponent类，改为使用组件的选择器，确保模块加载后组件能被正确识别：

export const SampleLaunchConfig = provideConfig(<LayoutConfig>{
  launch: {
    SAMPLE: {
      inlineRoot: true,
      component: 'app-sample', // 使用组件的选择器
      dialogType: DIALOG_TYPE.DIALOG,
      multi: true,
    },
  },
});

同时确保SampleComponent上定义了对应的选择器：

@Component({
  selector: 'app-sample',
  // 其他组件配置
})
export class SampleComponent {}

3. 确认SampleModule依赖完整性 #

虽然你已经导入了CommonModule，再次确认该模块存在于SampleModule的imports数组中（AsyncPipe属于CommonModule，是必须的依赖）：

@NgModule({
 declarations: [SampleComponent],
 imports: [
   CommonModule, // 保留该导入，确保async管道可用
   MatIconModule,
   MatFormFieldModule,
   MatRadioModule,
   I18nModule,
   FormsModule
 ],
 exports: [SampleComponent],
})
export class SampleModule {
  constructor() {
    console.error('[Spartacus] SampleModule loaded');
  }
}

1. 启动应用，点击触发SAMPLE launch的按钮，检查控制台是否打印[Spartacus] SampleModule loaded，确认模块已加载。
2. 检查对话框中async管道是否正常工作，错误是否消失。

内容的提问来源于stack exchange，提问作者Alis