Just a question

Nobody has claimed this yet.

```

console.log($);
alert($.capital("hridayesh"))
$.addDOMContent("It works I think!!!")

```

Indeed, that works fine. But I'm wondering, how it would have to look like, if I externalize this functionality into a separate module "index.js" at the "index.html" directory level.

I can't make the import run. Could you elaborate please?

index.js:

```
import capital from './dist/index_bundle.js'
alert(capital("hridayesh"))
```

First attempt:

index.html:

```



```

Browser error:

**Cannot use import statement outside a module**

Second attempt:

index.html:

```



```

Browser error:

**The requested module './dist/index_bundle.js' does not provide an export named 'default'**

Start by reading index.html and index.js alongside dist/index_bundle.js to identify how the bundle exposes its API and why the default import fails. Done should be a documented, reproducible module-loading example with the expected browser behavior.

Written by the indexing model from the issue text.