有时，当您尝试在不同的模块中使用未共享的模块中的组件时，会出现此错误。

例如，您有两个模块，分别带有module.componentA.component.ts和module.componentC.component.ts，您尝试使用module2内模板中module.componentA.component.ts中的选择器（例如<module1 componentA[someInputVariableInModule1]=“variableFromHTTPRequestInModule2”>），它将抛出错误：someInputVariableInModule1在module.componentA.component.ts中不可用-即使您在module.componentA中有@Input（）someInputVariable InModule1。

如果发生这种情况，您希望共享module.componentA，以便在其他模块中访问。因此，如果在sharedModule内共享module1.componentA，则module1.companentA将在其他模块内（在module1之外）可用，并且导入sharedModules的每个模块都可以访问其模板中注入@Input（）声明变量的选择器。

为了能够对表单输入使用双向数据绑定，您需要在Angular模块中导入FormsModule包。

有关更多信息，请参阅此处的Angular 2官方教程和表单的官方文档。

对于Angular 2的任何版本，您都需要在app.module.ts文件中导入FormsModule，它将解决此问题。

最近，我发现错误不仅发生在您忘记在模块中导入FormsModule的情况下。在我的案例中，问题出现在以下代码中：

<input type="text" class="form-control" id="firstName"
                   formControlName="firstName" placeholder="Enter First Name"
                   value={{user.firstName}} [(ngModel)]="user.firstName">

我通过更改表单ControlName->name来修复它

<input type="text" class="form-control" id="firstName"
                   name="firstName" placeholder="Enter First Name"
                   value={{user.firstName}} [(ngModel)]="user.firstName">

如果在正确导入FormsModule后仍然出现错误，请检查您的终端或（windows控制台），因为您的项目未在编译（因为可能是其他错误），并且您的解决方案尚未反映在浏览器中！

在我的情况下，我的控制台出现了以下不相关的错误：

类型“ApiService”上不存在属性“retrieveGithubUser”。

当我第一次做这个教程时，main.ts看起来与现在略有不同。它看起来非常相似，但请注意其中的差异（上面的一个是正确的）。

对的：

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app.module';

platformBrowserDynamic().bootstrapModule(AppModule);

旧教程代码：

import { bootstrap }    from '@angular/platform-browser-dynamic';
import { AppComponent } from './app.component';
bootstrap(AppComponent);