title: Angular 6: Can't resolve all parameters for Component: (?)
body: <p>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.</p>
  
  <p>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.</p>
  
  <p>Currently after upgrading I am getting this stacktrace:</p>
  
  <pre><code>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 (&lt;anonymous&gt;)
  at CompileMetadataResolver.push../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver._getEntryComponentsFromProvider (compiler.js:11003)
  at compiler.js:10976
  at Array.forEach (&lt;anonymous&gt;)
  </code></pre>
  
  <p>LoginComponent injects the AuthService. If I put AuthService in the <code>provide</code> 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 <code>providedIn: 'root'</code> 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.</p>
  
  <p>Running in AOT actually correctly launches the app, but then I get these stack traces when doing things with some components (I think material):</p>
  
  <pre><code>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)
  </code></pre>
  
  <p>Any help would be greatly appreciated.</p>
  
  <p>Edit: LoginComponent constructor</p>
  
  <pre><code>constructor(
      private authService: AuthService) {
    }
  </code></pre>
  
  <p>AuthService class declaration</p>
  
  <pre><code>    @Injectable()
  export class AuthService {
  </code></pre>
  
  <p>All my providers are provided in the AppModule.</p>