hls.js warning ?

[volkanciloglu]

I installed the aplayer with the npm install method. all the settings are working ok so everything is working. but the console gives a warning and it's about hls.js. how can i solve it?

./node_modules/vue-aplayer/dist/vue-aplayer.min.js
Module not found: Error: Can't resolve 'hls.js' in 'C:\xampp\htdocs\sezenaksu\node_modules\vue-aplayer\dist'
 @ ./node_modules/vue-aplayer/dist/vue-aplayer.min.js 1:119-136
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

[SevenOutman]

@VCodepp Which version of Vue-APlayer are you using?

[volkanciloglu]

I see package-lock.json

"version": "1.6.0",

[volkanciloglu]

I did not add project hls.js. sorry is my mistake completely.

I tried $ npm install --save hls.js

and dismiss warn problem.

[SevenOutman]

@VCodepp Nah actually there's still problem with Vue-APlayer. hls.js is not a solid dependency of Vue-APlayer. It's only required if you want to play HLS media. And if you don't, everything still works fine without hls.js - silently without warning. So I still need to figure it out. Related line: https://github.com/SevenOutman/vue-aplayer/blob/develop/src/vue-aplayer.vue#L723

[SevenOutman]

@VCodepp A quick fix to this is adding hls.js to "externals" in your webpack config, like

{
  externals: 'hls.js'
}

[volkanciloglu]

????:{
  externals: 'hls.js'
}

sorry learning new VUE

[SevenOutman]

@VCodepp If you're using vue-cli, the webpack config file is in build/webpack.base.conf.js. Add an 'external' property to the exported object like:

module.exports = {
  entry: ...,
  output: ...,
+ externals: 'hls.js'
}

[volkanciloglu]

Ok thank for help .

[ghost]

+1, Same problem.

[JqiangLiu]

如果用externals把‘hls.js’去除，npm run dev下会报hls is not defined的错误。