JavaScript-未定义导出和需求

我创建了一个向UI添加一些jQuery数据的类：

/// <reference path="../typings/jquery/jquery.d.ts" />
/// <reference path="../typings/custom.d.ts" />
export class Semaphore {
info: any[];

constructor(info: any[]) {
    this.info = info;
}

AddJqueryData() {
    var self = this;

    for (let bigKey in this.info) {
        let object = this.info[bigKey];
        for (let smallKey in object) {
            $(`#etape_3CosmeticAppraisal table td.${smallKey}.row_M${bigKey}`).tooltip({
                content() {
                    return object[smallKey].txt + '<img src="' + object[smallKey].img + '" class="cimage">';
                },
                show: { delay: 600 }
            });
        }
    }        
}

}

现在,我想从另一个文件导入此类,并为其指定一个特定的数组以供使用：

import { Semaphore } from "./SemaphoreLogic";

let cosmeticData = [];

$(document).ready(() => {
    let x = new Semaphore(cosmeticData);
    x.AddJqueryData();
});

在我的“查看”页面中,我引用具有import语句的js文件. (我也尝试过添加具有基本功能但仍然没有运气的js文件).

我得到的错误是：未定义require或未定义export,我不确定为什么会这样.我在网上搜索了很多东西,但没有找到任何可以帮助我的东西.

先感谢您

附言：如果您能想到比我更好的方法,请随时睁开我的眼睛：D. (我是TypeScript的新手)

解决方法:

听起来您的编译器正在将您的导入/导出语句转换为Commonjs样式的require / export语句.当然,这在浏览器中将不起作用(除非您使用的是browserify之类的东西,听起来好像不是).您需要使用browserify或Webpack之类的工具才能使其正常工作.