Почему не определяется перменная?

Question

[etmoandy]

module.js

const Module = (() => {
  class Module {
    init() {
      alert('it works!')
    }
  }
  return Module
})()

export default Module

app.js

import Module from './module'

export { Module }

index.html

<script src="app.js"></script>
<script>
  Module.init();
</script>

В итоге переменную Module не находит. Почему?

Answer 1

[Владимир Проскурин]

Вот так должно работать
app.js

import Module from './module.js'

export default { Module }

index.html

<script type="module" src="app.js"></script>
<script type="module">
  import App from './app.js'
  console.warn(App.Module);
</script>

т.е. нужно добавить к скрипту атрибут type="module", а также, в app добавить default

Comments

[etmoandy]

Этот пример я сделал на основе JS'а Bootstrap'а. Почему их функции работают без type="module"?

[Владимир Проскурин]

etmoandy, ну так у них сборщик на babel, который все это собирает и преобразовывает под старые браузеры. Я думал, вы хотели изучить нативную систему модулей