nkoehler / mat-video

:tv: mat-video is an Angular 8/9+ video player using Material!
https://nkoehler.github.io/mat-video/
MIT License
91 stars 47 forks source link

runOutsideAngular error on Angular 10 #66

Open cheechms opened 4 years ago

cheechms commented 4 years ago

PLEASE FILL THIS OUT IF YOU WANT HELP WITH AN ISSUE!

Bug, feature request, or proposal:

Bug

What is the current behavior?

After updating to Angular 10 from Angular 8 videos do not play and error below: app-error-handler.ts:65 TypeError: Cannot read property 'runOutsideAngular' of undefined at new MatSlider (slider.js:180) at new MatSliderProgressBarComponent (mat-video.js:704) at NodeInjectorFactory.MatSliderProgressBarComponent_Factory [as factory] (mat-video.js:742) at getNodeInjectable (core.js:3913) at instantiateAllDirectives (core.js:7973) at createDirectivesInstances (core.js:7356) at Module.ɵɵelementStart (core.js:13882) at MatSeekProgressControlComponent_Template (mat-video.js:1558) at executeTemplate (core.js:7329) at renderView (core.js:7138)

What is the expected behavior?

What are the steps to reproduce?

Providing a StackBlitz reproduction is the best way to share your issue.
StackBlitz starter: https://goo.gl/wwnhMV
<mat-video id="video" onerror="videoError()" src="{{videoLink}}" title="{{topic.title}}" [download]="true" poster="..\assets\images\powerHour-v2.svg" color="accent" *ngIf="topic">

What is the use-case or motivation for changing an existing behavior?

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular 10.0.1 Material 10.0.1 Typescript 3.9.6 mat-video 2.8.1 Browsers: tested in Chrome

Is there anything else I should know?

We have tried making a target in the tsconfig.json file to es5 due to other similar issues with "runOutsideAngular", we have disabled and enabled AoT, No luck with anything.

longcharmroeun commented 4 years ago

i got that error too after i upgrade to Angular 10.