عدم اجرای کامل

سلام و وقت شما بخیر

من مطابق با کدی که استاد برای این پروژه زدن کار رو انجام دادم

سرور کامل اجرا میشه ( روی پورت خودش دسترسی دارم )‌ اما فایل جاوااسکریپتی که داریم به فایل html می‌چسبونیمش رو نمی‌تونه بخونه

ادرس دهی‌ها رو هم درست انجام دادم

یه نگاه اگه بکنین ممنون میشم :

// EsTrainServer.js
var fs=require('fs'),
    http=require('http');
var mimeTypes={
    "html":"text/html",
    "jpeg":"image/jpeg",
    "jpg":"image/jpeg",
    "png": "image/png",
    "svg":"image/svg+xml",
    "json":"application/json",
    "js":"text/javascript",
    "css":"text/css"
};
http.createServer(function(req,res){
    console.log('listen on port 8080');
    fs.readFile(__dirname + req.url, function(err,data){
        if(err){
            res.writeHead(404);
            res.end(JSON.stringify(err));
            return;
        }
        var mimeType=mimeTypes[req.url.split('. ').pop()];
        if(!mimeType){
            mimeType='text/plain';
        }
        res.writeHead(200, {"Content-type":mimeType});
        res.write(data, "binary");
        res.end();
    });
}).listen(8080);

//  EsTrainExport.js
 export let message='hi'
  export function getMessage(){
      return message;
  }
  export function setMessage(msg){
      message=msg;
 }
  export class logger{
  }
alert('hello, we are in exports Module!!!');

// EsTrain1.js
import {message as txt}  from './ESTrainExport';
console.log(txt)

<!-- ESTrain.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    </style>
</head>
<body>
    <script>'use strict'; </script>
   <!-- <script src="./EsTrain1.js" type="module"></script> -->
   <script src="http://localhost:8080/EsTrain1" type="module"></script>
</body>
</html>