How to import Hls.js from another file

[hnrazevedo]

What do you want to do with Hls.js?
I would like to import the hls.js file into another javascript file

What have you tried so far?

I tried importart like this:
import * as Hls from "./hls.js";

However, give the following error on the console:

Uncaught TypeError: Cannot set property 'Hls' of undefined
    at webpackUniversalModuleDefinition (universalModuleDefinition:9)
    at universalModuleDefinition:10

And the console points to the highlighted line:

(function webpackUniversalModuleDefinition(root, factory) {
	if(typeof exports === 'object' && typeof module === 'object')
		module.exports = factory();
	else if(typeof define === 'function' && define.amd)
		define([], factory);
	else if(typeof exports === 'object')
		exports["Hls"] = factory();
	else
--->		root["Hls"] = factory();
})(this, function() {
return 

[robwalch]

It's a default export, so:
import Hls from 'hls.js

[hnrazevedo]

From the error, on the Chrome console give the following message:

Uncaught TypeError: Failed to resolve module specifier "hls.js". Relative references must start with either "/", "./", or "../".

If I try:

import Hls from './hls.js';

Returns the error:

Uncaught SyntaxError: The requested module './hls.js' does not provide an export named 'default'

It is worth mentioning that I am importing a simple js file from a player I am developing

[robwalch]

There is no ES6 export in the JavaScript dist. It's a UMD module (amd, require, or global). See #2910

[hnrazevedo]

I used the following syntax and solved my problem:
import "./hls.js";

[kenianbei]

I also had to set tsconfig compiler option to "allowSyntheticDefaultImports": false in order for the default import to work.

[asmanp2012]

Hi
when I use typescript my scripts were built but give me this error on the browser:
Uncaught SyntaxError: The requested module './../../hls.js/dist/hls.js' does not provide an export named 'default'
how can I fix that? @robwalch