core.js:6456 ERROR Error: inject() must be called from an injection context

[mreouven]

In Angular@12

core.js:6456 ERROR Error: inject() must be called from an injection context
    at injectInjectorOnly (core:4722)
    at ɵɵinject (core:4732)
    at Module.ɵɵdirectiveInject (core:14711)
    at NodeInjectorFactory.InViewportDirective_Factory [as factory] (ng-in-viewport.js:457)
    at getNodeInjectable (core.js:3549)
    at instantiateAllDirectives (core.js:10259)
    at createDirectivesInstances (core.js:9608)
    at Module.ɵɵelementStart (core.js:14858)
    at HomepageComponent_Template (homepage.component.html:42)
    at executeTemplate (core.js:9579)
defaultErrorLogger @ core.js:6456
handleError @ core.js:6504
(anonymous) @ core.js:29667
invoke @ zone.js:372
run @ zone.js:134
runOutsideAngular @ core.js:28573
tick @ core.js:29667
(anonymous) @ core.js:29536
invoke @ zone.js:372
onInvoke @ core.js:28674
invoke @ zone.js:371
run @ zone.js:134
run @ core.js:28528
next @ core.js:29535
__tryOrUnsub @ Subscriber.js:183
next @ Subscriber.js:122
_next @ Subscriber.js:72
next @ Subscriber.js:49
next @ Subject.js:39
emit @ core.js:25944
checkStable @ core.js:28596
onHasTask @ core.js:28691
hasTask @ zone.js:426
_updateTaskCount @ zone.js:447
_updateTaskCount @ zone.js:274
runTask @ zone.js:195
drainMicroTaskQueue @ zone.js:582
invokeTask @ zone.js:491
invokeTask @ zone.js:1600
globalZoneAwareCallback @ zone.js:1626
core.js:6456 ERROR Error: Uncaught (in promise): Error: inject() must be called from an injection context
Error: inject() must be called from an injection context
    at injectInjectorOnly (core:4722)
    at ɵɵinject (core:4732)
    at Module.ɵɵdirectiveInject (core:14711)
    at NodeInjectorFactory.InViewportDirective_Factory [as factory] (ng-in-viewport.js:457)
    at getNodeInjectable (core.js:3549)
    at instantiateAllDirectives (core.js:10259)
    at createDirectivesInstances (core.js:9608)
    at Module.ɵɵelementStart (core.js:14858)
    at HomepageComponent_Template (homepage.component.html:42)
    at executeTemplate (core.js:9579)
    at resolvePromise (zone.js:1213)
    at resolvePromise (zone.js:1167)
    at zone.js:1279
    at ZoneDelegate.invokeTask (zone.js:406)
    at Object.onInvokeTask (core.js:28661)
    at ZoneDelegate.invokeTask (zone.js:405)
    at Zone.runTask (zone.js:178)
    at drainMicroTaskQueue (zone.js:582)
    at ZoneTask.invokeTask [as invoke] (zone.js:491)
    at invokeTask (zone.js:1600)
defaultErrorLogger @ core.js:6456
handleError @ core.js:6504
next @ core.js:29281
__tryOrUnsub @ Subscriber.js:183
next @ Subscriber.js:122
_next @ Subscriber.js:72
next @ Subscriber.js:49
next @ Subject.js:39
emit @ core.js:25944
(anonymous) @ core.js:28700
invoke @ zone.js:372
run @ zone.js:134
runOutsideAngular @ core.js:28573
onHandleError @ core.js:28700
handleError @ zone.js:376
runGuarded @ zone.js:147
api.microtaskDrainDone @ zone.js:1074
drainMicroTaskQueue @ zone.js:589
invokeTask @ zone.js:491
invokeTask @ zone.js:1600
globalZoneAwareCallback @ zone.js:1626
index.js:52 [WDS] Live Reloading enabled.

[k3nsei]

@mreouven it must be something wrong with your setup. As you can see here it works with Angular v12 https://github.com/k3nsei/ng-in-viewport/actions/runs/839955925