Reactjs 当我尝试在ionic with react中播放视频时，会出现此错误'；cordova_不可用'；

这是我的密码。我已经用react hooks在ionic中尝试了此代码。
我已经安装了视频播放器插件。
我有个问题。当我尝试用ionic with react播放视频时，会出现以下错误：

cordova\u不可用

import React from 'react';
import { VideoPlayer } from '@ionic-native/video-player/ngx';

import { IonContent, IonList, IonListHeader, IonItem, IonLabel, IonToolbar, IonTitle, IonImg, IonThumbnail, IonHeader } from '@ionic/react';
import ExploreContainer from '../components/ExploreContainer';
import './Tab1.css';

const items = [{ src: 'images/download.jpg', text: 'Video 1' }, { src: 'images/download.jpg', text: 'Vidoe 2' }];

class Tab1 {
    const playVideo = ()=> {
        // alert(videoPlayer);
        VideoPlayer.play('file:///videos/videoplayback.mp4').then(() => {
            console.log('video completed');
        }).catch(err => {
            console.log(err);
        });
    }

    return (
        <IonContent>
            <IonHeader translucent>
                <IonToolbar>
                    <IonTitle>List</IonTitle>
                </IonToolbar>
            </IonHeader>
            {/*-- List of Text Items --*/}
            <IonList>
                <IonListHeader>
                    Recent Videos
                </IonListHeader>
                {items.map((image, i) => (
                    <IonItem key={i}>
                        <IonThumbnail slot="start">
                            <IonImg onClick={playVideo} src={image.src} />
                        </IonThumbnail>
                        <IonLabel>{image.text}</IonLabel>
                    </IonItem>
                ))}
            </IonList>
        </IonContent>
    );
};

export default Tab1;

从“React”导入React；
从'@ionic native/video player/ngx'导入{VideoPlayer}；
从'@ionic/react'导入{IonContent、IonList、IonListHeader、IonItem、IonLabel、IonToolbar、IonTitle、IonImg、IonThumbnail、IonHeader}；
从“../components/ExploreContainer”导入ExploreContainer；
导入“/Tab1.css”；
const items=[{src:'images/download.jpg'，text:'Video 1'}，{src:'images/download.jpg'，text:'Video 2'}]；
类别表1{
const playVideo=（）=>{
//警报（视频播放器）；
视频播放器，播放视频file:///videos/videoplayback.mp4）。然后（（）=>{
console.log（“视频完成”）；
}).catch（错误=>{
控制台日志（err）；
});
}
返回(
列表
{/*--文本项列表--*/}
最近的视频
{items.map（（图像，i）=>(
{image.text}
))}
);
};
导出默认选项卡1；

听起来就像是在浏览器环境中进行测试。作为一个平台，许多插件只在本机设备上可用。要继续使用视频播放器插件，您需要在实际设备或模拟器上进行测试

看起来有一个React视频播放器组件可以满足您在浏览器中运行视频的需要

---

祝你好运

您是否选中了Wither，您需要删除构建并重新构建，或者您为videoplayer添加了npm，但没有添加插件。@Rajendra很高兴这样做了！你介意接受这个作为答案，这样它就被标记为完成了吗？