"Importing binding name 'default' cannot be resolved by star export entries" for hls.js

Question

My folder layout in Node.js (I installed Express.js):

sdk-components
    --- HlsLoader.js
node_modules
    --- hls.js
        --- src
            --- index.html
            --- index.js
        --- dist
            --- hls.js
            --- other files

When I load http://localhost:8000/src/index.html it calls index.js which contains:

import { hlsLoaderType, makeHlsLoader } from '../sdk-components/HlsLoader.js';

The first line of HlsLoader.js:

import Hls from 'hls.js';

However when I run index.html I get:

TypeError: Module specifier, 'hls.js' does not start with "/", "./", or "../"

But when I modify the import to:

import Hls from '../node_modules/hls.js/dist/hls.js';

I get:

SyntaxError: Importing binding name 'default' cannot be resolved by star export entries.

How can I resolve this import issue with the hls.js file?

Semyon · Accepted Answer · 2023-09-02 14:33:13Z

5

The error basically means that the stuff from 'hls.js' was supposed to be imported as import * as Hls from 'hls.js'

answered Sep 2, 2023 at 14:33

Semyon

7258 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user4157124 · Accepted Answer · 2025-11-09 21:56:27Z

0

I got this message using vanilla JavaScript.

TypeError: Module specifier,

means that when you import the file it needs type specified as "module":

<head>
    ...
    <link rel="stylesheet" href="./styles.css">
    <script src="./data.js" type="module" defer></script>
    <script src="./index.js" type="module" defer></script>
    <title>Module List</title>
</head>

That should clear that error. Check that the extension .js is included in the import and that what is being brought in is in the right format. My issue was an object I was bringing in as a function. I needed to place brackets around it and the error disappeared:

data.js:

export const inverterManData = [
    { manufacturer: 'enphase', value: 'enphase' },
    { manufacturer: 'SMA', value: 'SMA' }
]

index.js:

import { inverterManData } from './data.js'

console.log(inverterManData)

Result:

console: [{manufacturer: "enphase", value: "enphase"}, {manufacturer: "SMA", value: "SMA"}] (2)

edited Nov 9 at 21:56

user4157124

3,00821 gold badges33 silver badges48 bronze badges

answered Apr 16, 2022 at 6:31

Michael Martell

3615 silver badges20 bronze badges

1 Comment

Magnus Lind Oxlund Over a year ago

From MDN: "The defer attribute has no effect on module scripts — they defer by default."

user4157124 · Accepted Answer · 2025-11-10 01:38:59Z

0

Using React Three Fiber I was importing Tilt using import Tilt from "react-tilt";. Changing it to import { Tilt } from "react-tilt"; fixed the issue.

edited Nov 10 at 1:38

user4157124

3,00821 gold badges33 silver badges48 bronze badges

answered Jun 26, 2024 at 20:14

robinhood

1

Collectives™ on Stack Overflow

"Importing binding name 'default' cannot be resolved by star export entries" for hls.js

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related