【vue3】报错：ReferenceError: __webpack_modules__ is not defined at node_modules/webwackify/index.js

环境：vite 创建的 vue3 项目，通过 第三方库 video.js 和 videojs-contrib-hls 播放m3u8(hls) 视频。

问题： 在 添加 import ‘videojs-contrib-hls’ 后 会报错误：ReferenceError: webpack_modules is not defined at node_modules/webwackify/index.js

原因：vite创建的项目有webpack打包工具。

解决方法1：不需要在 js/ts 中添加 import ‘videojs-contrib-hls’ ， 只需在options配置相中添加以下代码段就可以了

 html5: {
    vhs: {
        overrideNative: true
    },
    nativeVideoTracks: false,
    nativeAudioTracks:false,
    nativeTextTracks:false
},

解决方法2：通过 vue/cli 创建 vue3 项目，再通过 第三方库 video.js 和 videojs-contrib-hls 播放m3u8(hls) 视频。