I need a component that can play videos and wanted to use a LitTemplate for that approach. For the player itself I want to use video.js. However, once I add it to the LitTemplate and the corresponding Java class the gradle task vaadinBuildFrontend fails:
Command `C:\Program Files\nodejs\npm.cmd --no-update-notifier --no-audit --scripts-prepend-node-path=true --ignore-scripts install` failed: npm ERR! Unable to resolve reference $video.js
The NPM package is listed in package.json but not in package-lock.json.
This is my LitTemplate:
import 'video.js'
class VideoPlayer extends LitElement {
render() {
// html
}
}
customElements.define('video-player', VideoPlayer)```
And my Java class:
```@Tag("video-player")
@NpmPackage(value = "video.js", version = "8.6.1")
@JsModule("./src/video-player/video-player.ts")
public class VideoPlayer extends LitTemplate {
public VideoPlayer() {
}
}```
I'm new to LitTemplates so any help would be greatly appreciated!