- ABP Framework version: v8.2.x
- UI Type: Angular
- Database System: EF Core (MySQL)
- Tiered (for MVC) or Auth Server Separated (for Angular): yes
- Exception message and full stack trace: See screenshot below
- Steps to reproduce the issue: See steps below
We are seeing the error below in our devtools console when attempting to create a new Tenant:
We looked at the source and the error suggests that this.connectionStringsRef (on line 1126) is undefined:
We looked at the source of tenants.component.ts to see how connectionStringsRef was declared:
Further up in that tenants.component.ts file, we noticed the reference to that component:
Later on in the very same tenants.component.ts file, we saw this:
We had to replace that ConnectStringsComponent file. Our changes (in the new replacement component) showed up just fine in the browser. We followed the instructions in the official ABP.io docs, as seen in our modifications to app.component.ts below:
We tried calling this.replaceable.components.add in both the constructor and in ngOnInit (in AppComponent). It made no difference. We still ended up with the same error.
Below is the screen shot of how we added our new replaced component in AppModule, per instructions in the docs:
So, the question is, did we miss something? We did not modify tenants.component.ts; we didn't think we needed to, since we followed the instructions in the docs. So how is tenants.component.ts supposed to know to use the "new-connection-strings.component.ts" file instead of the old "connection-strings.component.ts" file?
Or are we supposed to modify tenants.component.ts as well? If so, does that mean every component that refers to a "replaced" component, somewhere in the dependency tree, needs to be updated?
Please advise, as we are blocked by this.
Thanks!