关于vue-cli2.9.6 使用vue-video-player,视频播放rtmp视频流error:in ./node_modules/videojs-swf/dist/video-js.swf

我在做vue前端开发项目的时候,领导让我在别人项目的基础上进行二次开发,我将自己的页面合并至平台,我用的vue-cli版本是2.6.9,然后我按照正常流程,引入vue-video-player video.js等,然后配置playerOptions等参数,main.js也进行了配置!
在这里插入图片描述
在这里插入图片描述
然后运行开始报错,如下,好多技术人员说在webpack.base.conf.js,在webpack.config.js等文件进行配置,但是我的这个版本并没有这俩文件,又是别人扔掉的项目包,没法去问别人,然后我搜了一下我的这个版本应该在哪里修改配置,
在这里插入图片描述
在多次尝试后在vue.config.js,进行改配置后彻底解决该问题!
在这里插入图片描述
但是可悲的是,问题一环接一环,然后浏览器console:开始报错IDEOJS: ERROR: The “flash” tech is undefined. Skipped browser support check for that tech.,然后网上的给的解决方法是先删除node_modules依赖所有内容,重新npm update,我试过两次发现并不行!正确方式应该是:打开package.json文件,将红框这些版本号删除,然后再将node_modules依赖所有内容删除,重新npm update,
npm update后会提醒你进行vue-video-playe,videojs,video-flash等的安装,这时候需要注意
1.npm install vue-video-player --save
2 npm install video-flash --save //因为是播放rtmp格式流,需要安装 videojs-flash 插件,必须用npm安装!!!!!!!
安装vue-video-player插件一定要用npm安装,不可使用cnpm安装,否则会报“The “flash” tech is undefined. Skipped browser support check for that tech

在这里插入图片描述 前端开发新手,最后留一句话:学习是对未来最好的投资!