Question

我尝试使用Visual Studio Code for Mac在Wordsular中使用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文件中。为了消除这种错误，通常的做法是排除＆＃39; node_modules＆＃39; （如果你使用打字）＆＃39;浏览器＆＃39;或者＆＃39; main＆＃39;打字文件夹只留下一个。这是通过使用＆＃34;排除＆＃34; tsconfig.json的一节。说过典型的tsconfig看起来像这样：

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

希望这有帮助。

带有Angular 2 Typescript的Visual Studio代码中的重复标识符错误

1 个答案: