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

Question

I used my Build Javascript code in an html file and I'm getting this error:我在 html 文件中使用了我的 Build Javascript 代码，但出现此错误：

Uncaught SyntaxError: The requested module './calculate.js' does not provide an export named 'calculate'未捕获的语法错误：请求的模块“./calculate.js”不提供名为“calculate”的导出

Here is the Typescript.这是打字稿。 I don't know what I'm doing wrong.我不知道我做错了什么。

class calculate{

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


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


}

export {calculate};

Here is the JavaScript code:这是 JavaScript 代码：

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

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

Here is my HTML file:这是我的 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>

Answer 1

You are compiling to commonjs module format.您正在编译为 commonjs 模块格式。 Specify module code generation to be "ES2015" by setting "module":"ES2015" in config or using --module cli argument.通过在配置中设置"module":"ES2015"或使用--module cli 参数将模块代码生成指定为 "ES2015"。

Demo 演示

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

问题描述

1 个解决方案

解决方案1
0 已采纳 2020-01-17 09:00:33

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

问题描述

1 个解决方案

解决方案1 0 已采纳 2020-01-17 09:00:33

解决方案1
0 已采纳 2020-01-17 09:00:33