Angular 6：无法解析Component的所有参数（？）

Question

We've been on Angular v6.0.0-beta.3 for a long time, but recently we've tried upgrading to version 6.1.3.

I've been unable to upgrade using angular schematics as they don't seem to support external registries (we use Artifactory) so I've had to upgrade it manually so it's very possible I've messed something up.

Currently after upgrading I am getting this stacktrace:

Uncaught Error: Can't resolve all parameters for LoginComponent: (?).
at syntaxError (compiler.js:1016)
at CompileMetadataResolver.push../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver._getDependenciesMetadata (compiler.js:10917)
at CompileMetadataResolver.push../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver._getTypeMetadata (compiler.js:10810)
at CompileMetadataResolver.push../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver.getNonNormalizedDirectiveMetadata (compiler.js:10429)
at CompileMetadataResolver.push../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver._getEntryComponentMetadata (compiler.js:11013)
at compiler.js:11004
at Array.forEach (<anonymous>)
at CompileMetadataResolver.push../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver._getEntryComponentsFromProvider (compiler.js:11003)
at compiler.js:10976
at Array.forEach (<anonymous>)

LoginComponent injects the AuthService. If I put AuthService in the provide array property of the LoginComponent then it stops complaining about that error and gives me the same error for another component. I've tried replacing ALL Injectable's with the new providedIn: 'root' configuration but it still doesn't work. I've tried cleaning npm cache and removing node_modules and still the same problem. I'm lost on what I've done wrong.

Running in AOT actually correctly launches the app, but then I get these stack traces when doing things with some components (I think material):

ERROR TypeError: a[getSymbolIterator(...)] is not a function
at areIterablesEqual (core.js:5492)
at devModeEqual (core.js:5421)
at checkBindingNoChanges (core.js:7689)
at checkNoChangesNodeInline (core.js:10552)
at checkNoChangesNode (core.js:10541)
at debugCheckNoChangesNode (core.js:11144)
at debugCheckDirectivesFn (core.js:11072)
at Object.updateDirectives (login.component.html:37)
at Object.debugUpdateDirectives [as updateDirectives] (core.js:11061)
at checkNoChangesView (core.js:10440)

Any help would be greatly appreciated.

Edit: LoginComponent constructor

constructor(
    private authService: AuthService) {
  }

AuthService class declaration

    @Injectable()
export class AuthService {

All my providers are provided in the AppModule.

Answer 1

Add @Inject decorator around AuthService instantiation in the LoginComponent

constructor(
  @Inject(AuthService) private authService: AuthService) {
}

This helps compiler know that AuthService will be injected later.

Answer 2

放AuthService中providers的阵列AppModule