[BUG] Interceptor cannot use Router

[nf-PostQuantum]

🐞 Bug report

Command (mark with an x)

• new
• build
• serve
• test
• e2e
• generate
• add
• update
• lint
• xi18n
• run
• config
• help
• version
• doc

Particular dependency @angular-devkit/build-angular

Is this a regression?

Yes, the last version in which this bug was not present was: 0.800.6.
Latest version bug present: 0.803.26.

Description

Interceptors can no longer user the Router module anymore, doing so produces the following error in the browser console:

Uncaught Error: Can't resolve all parameters for AccountInterceptor: (?).
    at syntaxError (compiler.js:2175) [<root>]
    at CompileMetadataResolver._getDependenciesMetadata (compiler.js:20401) [<root>]
    at CompileMetadataResolver._getTypeMetadata (compiler.js:20296) [<root>]
    at CompileMetadataResolver._getInjectableTypeMetadata (compiler.js:20514) [<root>]
    at CompileMetadataResolver.getProviderMetadata (compiler.js:20523) [<root>]
    at :4200/vendor.js:40912:48 [<root>]
    at Array.forEach (<anonymous>) [<root>]
    at CompileMetadataResolver._getProvidersMetadata (compiler.js:20421) [<root>]
    at CompileMetadataResolver.getNgModuleMetadata (compiler.js:20148) [<root>]
    at JitCompiler._loadModules (compiler.js:25824) [<root>]
    at JitCompiler._compileModuleAndComponents (compiler.js:25807) [<root>]
    at JitCompiler.compileModuleAsync (compiler.js:25769) [<root>]
    at CompilerImpl.compileModuleAsync (platform-browser-dynamic.js:223) [<root>]
    at compileNgModuleFactory__PRE_R3__ (core.js:40264) [<root>]

🔬 Minimal Reproduction

I have created a minimal repo with all the code to reproduce.

git clone https://github.com/nf-PostQuantum/angular-router-interceptor-bug.git
npm install
npm run start

Open browser to localhost:4200
Open console (note no text on page)

In package.json downgrade to:

    "@angular-devkit/build-angular": "^0.800.6",

Re-install and start:

npm install
npm run start

Open browser to localhost:4200
Open console (note text on page & no error)

🔥 Exception or Error

Uncaught Error: Can't resolve all parameters for AccountInterceptor: (?).
    at syntaxError (compiler.js:2175) [<root>]
    at CompileMetadataResolver._getDependenciesMetadata (compiler.js:20401) [<root>]
    at CompileMetadataResolver._getTypeMetadata (compiler.js:20296) [<root>]
    at CompileMetadataResolver._getInjectableTypeMetadata (compiler.js:20514) [<root>]
    at CompileMetadataResolver.getProviderMetadata (compiler.js:20523) [<root>]
    at :4200/vendor.js:40912:48 [<root>]
    at Array.forEach (<anonymous>) [<root>]
    at CompileMetadataResolver._getProvidersMetadata (compiler.js:20421) [<root>]
    at CompileMetadataResolver.getNgModuleMetadata (compiler.js:20148) [<root>]
    at JitCompiler._loadModules (compiler.js:25824) [<root>]
    at JitCompiler._compileModuleAndComponents (compiler.js:25807) [<root>]
    at JitCompiler.compileModuleAsync (compiler.js:25769) [<root>]
    at CompilerImpl.compileModuleAsync (platform-browser-dynamic.js:223) [<root>]
    at compileNgModuleFactory__PRE_R3__ (core.js:40264) [<root>]

🌍 Your Environment

> $ ng version                                                                                                                                                                                                                                          ⬡ 10.16.0 [±master ●●]
Your global Angular CLI version (9.1.0) is greater than your local
version (8.3.18). The local Angular CLI version is used.

To disable this warning use "ng config -g cli.warnings.versionMismatch false".

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 8.3.18
Node: 10.16.0
OS: darwin x64
Angular: 8.2.13
... animations, common, compiler, core, forms, language-service
... platform-browser, platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.803.26
@angular-devkit/build-angular     0.803.26
@angular-devkit/build-optimizer   0.803.26
@angular-devkit/build-webpack     0.803.26
@angular-devkit/core              8.3.26
@angular-devkit/schematics        8.3.18
@angular/cdk                      8.2.3
@angular/cli                      8.3.18
@angular/compiler-cli             8.2.14
@angular/material                 8.2.3
@ngtools/webpack                  8.3.26
@schematics/angular               8.3.18
@schematics/update                0.803.18
rxjs                              6.5.2
typescript                        3.4.5
webpack                           4.39.2

[alan-agius4]

Hi @nf-PostQuantum,

Can you try to set emitDecoratorMetadata to false?

[nf-PostQuantum]

With tsconfig.json#compilerOptions.emitDecoratorMetadata: false the error persists.
let me know if the configuration is in the wrong place 😄

[nf-PostQuantum]

Can confirm bug still occurs in ^0.803.27 with an npm update on the listed repo.

[alan-agius4]

Thanks for reporting this issue. Luckily, it has already been fixed in one of the recent releases. Please update to the most recent version to resolve the problem.

If the problem persists in your application after upgrading, please open a new issue, provide a simple repository reproducing the problem, and describe the difference between the expected and current behavior. You can use ng new repro-app to create a new project where you reproduce the problem.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}