typescript多文件import问题

问题描述

问 题

a.ts中的文件内容：

export class User {
    getName() {
        return 'zs'
    }
}

b.ts的文件内容

import { User } from './a'
class Person {
    constructor() {
        let u = new User()
        console.log(u.getName())
    }
}

new Person()

tsconfig.json的文件内容

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        // "module": "commonjs",
        "sourceMap": false,
        "outDir": "build"
    },
    "exclude": [
        "node_modules",
        "typings/main",
        "typings/main.d.ts",
        "tsd/phaser.comments.d.ts",
        "tsd/pixi.comments.d.ts"
    ]
}

问题是：这样使用为什么会报Uncaught ReferenceError: exports is not defined这个错误，该如何解决？

补充：这是编译后的代码文件

解决方案

tsconfig.json中"module": "commonjs"修改成"module": "umd"

然后html中引入require.js

<script data-main="build/b.js" src="/node_modules/requirejs/require.js"></script>

这篇关于typescript多文件import问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！