title: Uncaught SyntaxError: in code compiled from Typescript
body: <p>I used my Build Javascript code in an html file and I'm getting this error: </p>
  
  <blockquote>
    <p>Uncaught SyntaxError: The requested module './calculate.js' does not
    provide an export named 'calculate'</p>
  </blockquote>
  
  <p>Here is the Typescript. I don't know what I'm doing wrong.</p>
  
  <pre><code>class calculate{
  
      public firstNumber:string;
      public secondNumber:string;
      public resultBox:string;
      constructor() { }
  
  
      greet(){
          console.log("Hello my");
      }
  
  
  }
  
  export {calculate};
  </code></pre>
  
  <p>Here is the JavaScript code:</p>
  
  <pre><code>"use strict";
  Object.defineProperty(exports, "__esModule", { value: true });
  class calculate {
      constructor() { }
  
      greet() {
          console.log("Hello my");
      }
  }
  exports.calculate = calculate;
  
  </code></pre>
  
  <p>Here is my HTML file:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt;
      &lt;title&gt;Document&lt;/title&gt;
    &lt;link rel="stylesheet" href="styles.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;/body&gt;
  &lt;script  type="module"&gt;
  
  import {calculate} from './calculate.js'
   var cal= new calculate();
  cal.greet();
  &lt;/script&gt;
  &lt;/html&gt;
  </code></pre>