Issue Description I have integrated angular's IVY compiler and lazy-loading feature according to the tutorial found here:
However, when I attempt to lazy-load a module and add an instance of a component to my application, the ng-select element is not visible in the component. The console displays the following error message:
core.js:6354 ERROR NullInjectorError: R3InjectorError(AppModule)[InjectionToken ng-select-selection-model -> InjectionToken ng-select-selection-model -> InjectionToken ng-select-selection-model]:
NullInjectorError: No provider for InjectionToken ng-select-selection-model!
at NullInjector.get (http://localhost:4200/vendor.js:8736:27)
...
at Object.get (http://localhost:4200/vendor.js:38095:35)
at getOrCreateInjectable (http://localhost:4200/vendor.js:12876:39)
...
at getNodeInjectable (http://localhost:4200/vendor.js:13021:44)To Reproduce the Issue 1. Clone the example repository using the command:
git clone https://github.com/boltex/ivy-lazyload-testnpm install
3. Start the server by running: ng serve
Expected Outcome Upon loading the program locally through ng serve and clicking on the "Lazy load module & add instance of component below" button, new components should be added with the ng-select element included. However, this does not happen and the specified error is displayed in the console.
Note Please disregard the initial error in the console mentioning: Uncaught TypeError: ng.probe is not a function. This is a common error associated with Angular 9 as augury assumes dev mode is active if window.ng exists, which is not the case with IVY.
My Environment Information - Operating System: Windows 10 - Browser: Chrome - Version: 78.0.3904.108 (Official Build) (64-bit)
Thank you for your time and attention towards resolving this issue!