JS: Module Specifer

By Xah Lee. Date: 2022-11-06. Last updated: 2025-05-22.

Loading Module

module can be loaded in these ways

<script type="module" src="./lib.js"></script>

<script type="module" src="./main.js"></script>

or inline

<script type="module">// js code</script>

<script type="module" src="specifer"></script>

the value in src is called module specifer

module path syntax has some restriction.

2018-03-19 in safari, this is error:

<script type="module" src="main.js"></script>

you get:

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

must be like this

<script type="module" src="./main.js"></script>

2018-03-19 in safari, this is error

<script src="./main.js"></script>

you get

SyntaxError: Unexpected token '{'. import call expects exactly one argument.

must be

<script type="module" src="./main.js"></script>

If your code uses import or export, then it must be loaded as module.