Angular 15中使用VgCoreModule报错：无法绑定'vgMedia'到video标签

问题原因 #

该错误源于vgMedia是Ngx-Videogular的属性型指令，并非需要绑定值的输入属性，当前绑定写法不符合指令的正确使用逻辑；此外也可能存在包版本与Angular 15不兼容的情况。

解决方案 #

1. 修正vgMedia的使用方式 #

将模板中video标签的[vgMedia]="$any(media)"改为直接添加vgMedia属性——该指令仅需声明即可，无需绑定值：

修改后的video.component.html代码片段：

<video #media
        vgMedia
        id="singleVideo"
        preload="auto"
        src="../../../../assets/videos/video.mp4"
        crossorigin>
</video>

2. 确保Ngx-Videogular与Angular 15版本兼容 #

Angular 15需要搭配15.x版本的Ngx-Videogular包，检查package.json中相关依赖版本，若不匹配则执行以下命令重新安装兼容版本：

npm install @videogular/ngx-videogular/core@15 @videogular/ngx-videogular/controls@15 @videogular/ngx-videogular/overlay-play@15 @videogular/ngx-videogular/buffering@15 --save

3. 确认模块导入正确性 #

你的video.module.ts已正确导入VgCoreModule及其他所需模块，这部分无需修改，确保无拼写错误即可。

内容的提问来源于stack exchange，提问作者Yiyi Yang