Javascript 未捕获的SyntaxError：在从Typescript编译的代码中_Javascript_Typescript

Javascript 未捕获的SyntaxError：在从Typescript编译的代码中

javascript typescript

Javascript 未捕获的SyntaxError：在从Typescript编译的代码中,javascript,typescript,Javascript,Typescript,我在一个html文件中使用了我的构建Javascript代码，我得到了以下错误：未捕获的语法错误：请求的模块“./calculate.js”不存在提供名为“计算”的导出这是打字稿。我不知道我做错了什么 class calculate{ public firstNumber:string; public secondNumber:string; public resultBox:string; constructor() { } greet(){

我在一个html文件中使用了我的构建Javascript代码，我得到了以下错误：

未捕获的语法错误：请求的模块“./calculate.js”不存在提供名为“计算”的导出

这是打字稿。我不知道我做错了什么

class calculate{

    public firstNumber:string;
    public secondNumber:string;
    public resultBox:string;
    constructor() { }


    greet(){
        console.log("Hello my");
    }


}

export {calculate};

以下是JavaScript代码：

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
class calculate {
    constructor() { }

    greet() {
        console.log("Hello my");
    }
}
exports.calculate = calculate;

这是我的HTML文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>

</body>
<script  type="module">

import {calculate} from './calculate.js'
 var cal= new calculate();
cal.greet();
</script>
</html>


文件
从“./calculate.js”导入{calculate}
var cal=新计算（）；
calgreet（）；

您正在编译为commonjs模块格式。通过在配置中设置

“模块”：“ES2015”

，或使用

--module

cli参数，将模块代码生成指定为“ES2015”