在ModalHelper中使用st组件，会出现 NullInjectorError: No provider for _NzContextMenuService，导致弹出框页面无法加载

[skmbw]

Reproduction link

http://github.com/skmbw/ng-alain-17.2.0

Steps to reproduce

在ModalHelper中使用st组件，会出现 NullInjectorError: No provider for _NzContextMenuService，导致弹出框页面无法加载

What is expected?

正常打开弹出框

What is actually happening?

打不开弹出框

Environment	Info
ng-alain	17.2.0
Browser	chrome 121

[alain-bot]

Translation of this issue:

Use ST components in Modalhelper, and NULLLINJECTORRORRRRORRRRORORRRRORRORROROVIDER FOR

REPRODUCTION LINK

[http://github.com/skmbw/ng-alain-17.2.0.

STEPS To Reproduce

Use ST components in Modalhelper, and NULLLINJECTORRORRRRORRRRORORRRRORRORROROVIDER FOR

What is exfected?

Open the pop -up box normally

What is actually happy?

Can't open the pop -up box

| ENVIRONMENT | Info |
| --- | --- | |
| NG-ALAIN | 17.2.0 |
| Browser | Chrome 121 |

[skmbw]

错误出现在文件st.component.mjs的113行，this.cms = inject(NzContextMenuService);

[skmbw]

就像这样，ModalHelper.createStatic(DataRuleGroupEditComponent......，创建模态框，如果DataRuleGroupEditComponent（模态框要弹出的组件，包含st组件），模态框将无法渲染

[LingerInside]

就像这样，ModalHelper.createStatic(DataRuleGroupEditComponent......，创建模态框，如果DataRuleGroupEditComponent（模态框要弹出的组件，包含st组件），模态框将无法渲染

使用standalone component，NgModule中imports当前component

@Component({
  standalone: true,
  imports: [STModule]
})

[cipchk]

@skmbw 我也不无重现出你所说的情况 ，png:

[skmbw]

就像这样，ModalHelper.createStatic(DataRuleGroupEditComponent......，创建模态框，如果DataRuleGroupEditComponent（模态框要弹出的组件，包含st组件），模态框将无法渲染

使用standalone component，NgModule中imports当前component

@Component({
  standalone: true,
  imports: [STModule]
})

你这个方法是对的。组件要在modal中弹出，如果是NgModule组件，且组件中使用了st组件，是会报缺少注入器，无法使用inject方法注入NzContextMenuService，如果不包含st组件，是没问题的；如果组件是standalone组件，包含或者不包含st组件，都是不会报错的。因为我原来很多组件都是NgModule组件，不是standalone组件，一个一个改为standalone，太费时。我的解决方法是，将NzContextMenuService改为使用构造函数注入，不使用inject方法注入，这样就没有问题了。

[skmbw]

@skmbw 我也不无重现出你所说的情况 ，png:

组件要在modal中弹出，如果是NgModule组件，且组件中使用了st组件，是会报缺少注入器，无法使用inject方法注入NzContextMenuService，如果不包含st组件，是没问题的；如果组件是standalone组件，包含或者不包含st组件，都是不会报错的。因为我原来很多组件都是NgModule组件，不是standalone组件，一个一个改为standalone，太费时。我的解决方法是，将st.component中的NzContextMenuService改为使用构造函数注入，不使用inject方法注入，这样就没有问题了。那么引申出来一个问题，为什么NzContextMenuService可以使用构造函数注入，不能使用inject方法注入，我就没有深入研究了。

[rxxy]

同遇到了，现在改为standalone好了

[lywzx]

就像这样，ModalHelper.createStatic(DataRuleGroupEditComponent......，创建模态框，如果DataRuleGroupEditComponent（模态框要弹出的组件，包含st组件），模态框将无法渲染

使用standalone component，NgModule中imports当前component

@Component({
  standalone: true,
  imports: [STModule]
})

你这个方法是对的。组件要在modal中弹出，如果是NgModule组件，且组件中使用了st组件，是会报缺少注入器，无法使用inject方法注入NzContextMenuService，如果不包含st组件，是没问题的；如果组件是standalone组件，包含或者不包含st组件，都是不会报错的。因为我原来很多组件都是NgModule组件，不是standalone组件，一个一个改为standalone，太费时。我的解决方法是，将NzContextMenuService改为使用构造函数注入，不使用inject方法注入，这样就没有问题了。

具体是咋改？更改node_modules中的代码？

[PayHard]

我是使用DrawerHelper创建时出现这个错误，抽屉中有表格就报错不能弹出，没有表格就可以弹出