Unexpected directive ‘LoginComponent’ imported by the module ‘AppModule’. Please add a @NgModule annotation

In an NgModule.imports, you can only list modules. Not components. So the problem is here:

imports:[BrowserModule, LoginComponent, SignupComponent, ResourcesComponent ]

Remove the components, and take a look at the NgModules FAQ

What should I import?

Import modules whose public (exported) declarable classes you need to reference in this module’s component templates