Почему не работает скрипт при использовании type="module"?

Question

[ymfront]

Использую скрипт параллакса:

<script type="module" src="./js/parallax.js"></script>
<script>
    var scene = document.getElementById('scene');
    var parallaxInstance = new Parallax(scene);     
</script>

Для того, чтобы сборщик собрал сайт, нужно использовать type="module".

Но при использовании type="module" скрипт parallax.js не работает.
В консоли выводится ошибка: Uncaught ReferenceError: Parallax is not defined

Если я type="module" удаляю, то все работает.
В чем тут проблема, как сделать, чтобы скрипт работал вместе с type="module"?

Answer 1

[Aetae]

М.б. так.

<script type="module">
    import Parallax from "./js/parallax.js"
    // или так  import { Parallax } from "./js/parallax.js"

    let scene = document.getElementById('scene');
    let parallaxInstance = new Parallax(scene);     
</script>

Область видимости модулей изолирована, надо импортировать то, что они экспортируют.

Также в самом модуле можно явно задать глобальные переменные (window.Parallax = Parallax;) но лучше так не делать.

Ну и про сборщик сказано не верно, как настроите - так и будет работать.

Comments

[ymfront]

import Parallax from "./js/parallax.js" - это тоже не работает.

Попробовал подключить через импорт и, как вы написали, явно задать глобальные переменные.
Но тоже не работает.

import * as $ from 'jquery';
import Parallax from 'parallax-js';
window.$ = window.jQuery = $;
window.Parallax = Parallax;

Но если в собранном сайте уже убрать type="module", то параллакс работает.

<script type="module" src="index.c4eefabb.js"> - так не работает.
<script src="index.c4eefabb.js"> - так работает.