Javascript 导入/导出模块-类型脚本

Javascript 导入/导出模块-类型脚本,javascript,typescript,module,Javascript,Typescript,Module,当我尝试导入外部模块和尝试编译代码时,出现以下错误消息:app.ts:1未捕获引用错误:app.ts:1未定义require。typescript版本为:2.1.6 我的app.ts文件: import {PI, calcCircumference } from "./math/circle"; console.log(PI); console.log(calcCircumference(10)); //console.log(); my circle.ts文件 export const P

当我尝试导入外部模块和尝试编译代码时,出现以下错误消息:
app.ts:1未捕获引用错误:app.ts:1未定义require。typescript版本为:2.1.6

我的app.ts文件:

import {PI, calcCircumference } from "./math/circle";

console.log(PI);
console.log(calcCircumference(10));
//console.log();
my circle.ts文件

export const PI: number = 3.14;

export function calcCircumference(diameter: number) {

    return diameter * PI;
};
{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es5",
        "noImplicitAny": false,
        "sourceMap": true
    }
}
我的tsconfig.json文件

export const PI: number = 3.14;

export function calcCircumference(diameter: number) {

    return diameter * PI;
};
{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es5",
        "noImplicitAny": false,
        "sourceMap": true
    }
}

谢谢大家

我假设您正在尝试在客户端环境(您的浏览器)中运行代码。在这种情况下,您必须配置模块加载器,因为与node.js等服务器环境不同,浏览器在默认情况下(目前)不支持模块加载,并且不知道如何“要求”特定模块

您在这里有几个选项:

  • 捆绑工具,如/
  • 装载机,如/
  • Google和你会发现很多关于如何使用上面的一个设置typescript的教程(例如:,)

    我个人的偏好是systemjs(作为包管理器),但是您的选择将在很大程度上取决于您构建的应用程序的特定需求