Javascript 导入导出类的Typescript发出require（…），这会产生浏览器错误_Javascript_Typescript

Javascript 导入导出类的Typescript发出require（…），这会产生浏览器错误

javascript typescript

Javascript 导入导出类的Typescript发出require（…），这会产生浏览器错误,javascript,typescript,Javascript,Typescript,我在谷歌上搜索过，显然没有发现这个解释。我用Typescript编写，最终目标是拥有一个.js文件（或多个），我可以通过HTML中的脚本标记引用它 button.ts 。。。发射 button.js 。。。它不会在浏览器中运行，因为未定义require（）同样地按钮式。。。发射 button-form.js 问题由于“require”和“exports”，我无法在浏览器中执行此javascript。在我看来，在TS中导出和导入类引用是合适的，但是输出不是我可以使用的。这里一定存在知识差距

我在谷歌上搜索过，显然没有发现这个解释。我用Typescript编写，最终目标是拥有一个.js文件（或多个），我可以通过HTML中的脚本标记引用它

button.ts 。。。发射

button.js 。。。它不会在浏览器中运行，因为未定义require（）

同样地

按钮式。。。发射

button-form.js 问题

由于“require”和“exports”，我无法在浏览器中执行此javascript。在我看来，在TS中导出和导入类引用是合适的，但是输出不是我可以使用的。这里一定存在知识差距，但我不确定我在寻找什么。

如果你不打算使用模块系统（如requirejs），那么你不需要

导入

，而是使用

例如：

A.T

B.T

//
命名空间B{
导出函数echo（值：任意）：void{
A.回声（值）；
log（`B.echo:${value}`）；
}
}

在您的html中：

<head>
    <script src="A.js"></script>
    <script src="B.js"></script>
    <script>
        B.echo("hey");
    </script>
</head>


B.echo（“嘿”）；

您可以在此处阅读更多信息：

您可以使用

首先包括require-bro.js，然后是js的其余部分，最后可以使用require。函数只需在全局窗口对象中搜索

<script src="require-bro.js"></script>
<script src="example-one.js"></script>
<script src="example-two.js"></script>

你需要一个bundler或者一个模块加载器，就像我在使用它的时候一样。我从button.ts创建对button-form.ts的引用，但当我写入var b=new ButtonForm（）；，typescript将其转换为导入语句。如果我实例化导入的类///我不确定您的意思

...
export class ButtonForm {
...

...
exports.ButtonForm = ButtonForm;
...

namespace A {
    export function echo(value: any): void {
        console.log(`A.echo: ${ value }`);
    }
}

/// <reference path="A.ts" />

namespace B {
    export function echo(value: any): void {
        A.echo(value);
        console.log(`B.echo: ${ value }`);
    }
}

<head>
    <script src="A.js"></script>
    <script src="B.js"></script>
    <script>
        B.echo("hey");
    </script>
</head>

<script src="require-bro.js"></script>
<script src="example-one.js"></script>
<script src="example-two.js"></script>

var exampleOne = require('example-one');
var exampleTwo = {} // do your magic