如何在Visual Studio“TypeScript HTML App”模板中导入TypeScript类？

Question

我只是创建了visual studio的“使用TypeScript的HTML应用程序”模板的空项目。因此，VS会自动从* .ts文件构建* .js文件。

我想以TypeScript方式将一个类导入到其他类，如

import {Person} from './person';

并且不希望客户端（浏览器）从服务器获取* .ts脚本。

有没有办法做到这一点？因为浏览器在我尝试导入类

时会抛出异常

  

未捕获的ReferenceError：未定义require

感谢。

Answer 1

由tsconfig文件

引起的问题

您可以将module属性更改为system或es2015而不是commonjs 因为CommonJS模块是类似NodeJS的模块，它使用require方法导入外部模块。

{
    "compilerOptions": {
    "target": "es5",
    "module": "system",
    "declaration": false,
    "noImplicitAny": false,
    "removeComments": true,
    "noLib": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "sourceMap": true
    },
}

如果是Visual Studio项目，您可以这样做

1. 右键点击Solution Explorer中的项目，然后点击Properties



1. 打开TypeScript Build标签



1. 将CommonJS更改为System或ES 2015，取决于您要创建的项目类型