Localhost no carga el módulo

Question

Mar 05, 2019, 04:36 PM

Localhost no carga el módulo

Estoy usando Javascript modernoMyClass.js

export default class MyClass {
  constructor(x) {
    this.val=x? x: "Hello!"
    console.log("MyClass:",x)
  }
}

en mihttp://localhost/myfolder/mypage.htm, con la fuente a continuación,

<!DOCTYPE html>
<html>
<head>
    <title>test</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel='shortcut icon' type='image/x-icon' href='./favicon.ico' />
    <script type="module" src="./MyClass.js"></script>

    <script>
    'use strict';

    document.addEventListener('DOMContentLoaded', function(){

    alert(123)
    let x = new MyClass(11);

    }, false); //ONLOAD
    </script>

</head>
<body> <p>Hello1!</p> </body>
</html>

Por qué la consola dice "Error de referencia no capturado: MyClass no está definido"?

PS: esta pregunta es un complemento paraesta otra sobre el uso de ES6 + con browser + NodeJs.

NOTA: usando UBUNTU con Localhost de Apache ... Algún problema conmyfolder un enlace simbólico a la carpeta real? a/var/www/html Solíaln -s /home/user/myRealFolder/site myfolder