Angular 2 Module 没有导出的成员答案

【问题标题】：Angular 2 Module has no exported memberAngular 2 Module 没有导出的成员
【发布时间】：2019-02-11 11:45:23
【问题描述】：

我又来了，希望能找到一个快速的解决方案：

Link <- Click on this link to see the folder structure

//main.ts
import {bootstrap}    from 'angular2/platform/browser';
import {AppComponent} from './home.main';
import {InputComponent} from './home.controller';
import {enableProdMode} from 'angular2/core';


bootstrap(InputComponent);
bootstrap(AppComponent);

这是我从 home main 导入 AppComponent 的 main.ts 文件，现在 home.main 看起来像这样：

import {Component} from 'angular2/core';

    @Component({
    selector:'home',
    templateUrl:'/index/index.ejs'
    })

    export class InputComponent {
      name = 'test';
     }

但是，当我运行它时，我得到：error TS2305: Module '"controllers/home/home.main"' has no exported member 'AppComponent'. ( Same goes for home.controller ).

谢谢你，亚历克斯 S.

【问题讨论】：

标签： angular typescript

【解决方案1】：

如果您在任何@angular 模块（如router、core）中看到此错误，请确保这是因为库的版本不匹配。通常，除了路由器之外，您所有的 @angular 模块都应该是相同的版本。

例如：

    "@angular/common": "2.2.3",
    "@angular/compiler": "2.2.3",
    "@angular/core": "2.2.3",
    "@angular/platform-browser": "2.2.3",
    "@angular/platform-browser-dynamic": "2.2.3",
    "@angular/router": "^3.3.0" <= Version mismatch***

以下组合引发以下错误

没有导出的成员

我把路由器版本改成了

"@angular/router": "^3.0.0"

错误已解决。

所以，在一切稳定之前，坚持你的工作组合。

【讨论】：

但是该怎么做呢？
版本不匹配似乎很有可能。我遇到了类似的问题，@angular/core、@angular/forms、@angular/http、@angular/platform-browser-dynamic 和其他软件包都是 ^4.2.4 版本，但 @angular/platform-browser 已更新为 @ 987654324@，导致 Module has no export member StaticProvider 错误。将版本更改回 4.2.4 使问题消失。从Provider[] 到StaticProvider[] 阅读有关angular5 changes 的信息，可以将其作为正确的解决方案。

【解决方案2】：

你的 home.main 模块中应该有类似的东西：

@Component({
  (...)
})
export class AppComponent {
}

【讨论】：

谢谢你的好先生 :) 我已经把 AppComponent 放在 home 控制器和 InputController 在 home.main ...

【解决方案3】：

即使我已在其他文件中正确导出了该类，我也遇到了这个问题。重新启动我的机器修复了它。

【讨论】：