报错

在这里插入图片描述

这个报错信息是vue-video-player里面的某个模块找不到,虽然是警告⚠,但是看见了就想把它解决了。
解决方法:既然没用到这个文件,那我就直接忽略它,不加载它就可以了,用externals:'hls.js,即可。

// 在webpack.config.js里配置
externals: 'hls.js'

如果是高版本的vue-cli,里面默认没有了build文件夹,只能在vue.config.js里面配置。而且vue-cli更新废除了之前好多的字段。具体去vue-cli官网查看:vue-cli

这里面是可以在vue.config.js配置的字段,有些还需要在webpack.config.js里面配置,就像externals。所以vue-cli给出了这个字段 configureWebpack

具体解决的代码如下:

module.exports = {
  publicPath: './',
  // 跨域代理
  devServer: {
  },
  configureWebpack: { externals: 'hls.js' } // 在这配置webpack的externals这个字段
};

Logo

前往低代码交流专区

更多推荐