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

我只是创建了一个Visual Studio的“带有TypeScript的
HTML应用程序”模板的空项目.因此,VS会自动从* .ts文件构建* .js文件.

我想以TypeScript的方式将一个类导入到其他类中

import {Person} from './person';

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

它有什么办法吗?因为浏览器在我尝试导入类时抛出异常

Uncaught ReferenceError: require is not defined

谢谢.

最佳答案 tsconfig文件导致的问题

您可以将模块属性更改为系统ores2015而不是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项目,您可以这样做

>在Solution Explorer中右键单击项目,然后单击Properties

《javascript – 如何在Visual Studio“TypeScript HTML App”模板中导入TypeScript类?》

>打开TypeScript Build选项卡

《javascript – 如何在Visual Studio“TypeScript HTML App”模板中导入TypeScript类?》

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

《javascript – 如何在Visual Studio“TypeScript HTML App”模板中导入TypeScript类?》

点赞