Play button doesn't work with video.js 6.2.0 and webpack

Description

Playing the recorded video doesn’t work with video.js 6.0.0 ~6.2.0 When you record a video and then press the play button noting happens.

Steps to reproduce

Install video.js ~6.2.0

Results

Expected

Should play the video.

Error output

Uncaught TypeError: videojs.getComponent is not a function

Additional Information

versions

videojs

what version of videojs does this occur with? video.js 6.2.0 videojs-record 1.6.1

browsers

what browser are affected? Tested in Firefox and Chrome

OSes

what platforms (operating systems and devices) are affected? Linux

[alsar]

@gavfu You can alias video.js to use the non-ES6 version.

Use something like this in your webpack config:

  resolve: {
    alias: {
      'video.js': path.resolve(__dirname, '../../node_modules/video.js/dist/video.js')
    }
  }

This is a quick workaround until this issue is resolved.

[gkatsev]

it’s ok. ESM is short for ES modules or Ecmascript modules. That is the import and export syntax. CJS is commonjs, i.e., what nodejs uses and what bundlers used to use.