visual-studio - 带有 Angular 2 Typescript 的 Visual Studio Code 中的重复标识符错误

Question

我正在尝试使用 Visual Studio Code for Mac 在 Angular 2 中使用 Typescript 设置一个组件。当我使用以下代码时，出现以下错误:duplicate identifier 'Component'. 和 Duplicate identifier'DashboardComponent'.

import {Component} from 'angular2/core';

@Component({
   selector: 'dashboard',
   templateUrl: './dashboard.component.html'
})

export class DashboardComponent {

}

我的文件结构是这样的:

app
-dashboard
--dashboard.component.html
--dashboard.component.ts
-app.component.html
-app.component.ts
-main.ts
index.html

我不会在代码的其他任何地方导出类 DashboardComponent。

我不确定这是 Visual Studio Code 问题还是 Typescript/Angular2 问题。知道我在这里做错了什么吗？

Answer 1

此类问题的常见原因是您确实在项目中多次导出了该标识符(即项目根目录下的所有内容)，位于文件夹结构深处的 d.ts 文件中。要消除此类错误，通常的方法是排除“node_modules”和(如果您使用打字)“browser”或“main”打字文件夹，只留下一个。这是通过使用 tsconfig.json 的“排除”部分完成的。话虽如此，典型的 tsconfig 看起来像这样:

{ 
    "compilerOptions": { 
    },
    "exclude": [
        "node_modules",
        "dist",
        "typings/browser.d.ts",
        "typings/browser/**"
    ]
} 

希望这对您有所帮助。