项目场景：

一个很老的项目vue,通过web播放rtmp/flv 监控流.
rtmp/flv 要通过 flsah播放.chrome不支持.
360浏览器 极速模式才可以播放.
这是什么见鬼的项目,入土多少年了?

问题描述

近期项目迭代,但编译环境丢失webpack中无法启动.
只好更换编译环境,更新到vue/cli 4.
但更新后 浏览器报错.

VIDEOJS: ERROR: The "flash" tech is undefined. Skipped browser support check for that tech

原因分析：

根本原因是videojs和videojs-flash里的各有一个video.js，如果两个版本不一样可能就会报错了.
issues

解决方案：

网上的方法试了一遍.
呵呵,没有一个能解决的.

1. 打开package.json
2. 在package.json文件内，与dependencies平级后，添加配置

    "dependencies": {
     
     },
    "resolutions": {
     
     
      "video.js": "^6.2.4"
    },

3. 在 package.json 在scripts内新增一行 ,添加配置"preinstall": “npx force-resolutions”

  "scripts": {
     
     
     "dev": "vue-cli-service serve",
     "preinstall": "npx force-resolutions"
  },

4. 保存 package.json
5. 删除package-lock.json文件
6. 执行npm install
7. 执行npm run preinstall

至此问题解决