Support project references / solution-style configs (common in Nx projects)

Issue Type: Bug

Recently, I can no longer get suggestions of Angular HTML attributes and variable suggestions. Also, it no longer shows errors as it used to such as when I bound to a non-existant variable. So basically I have no Angular support in my HTML templates any longer.

Extension version: 0.1000.7
VS Code version: Code - Insiders 1.48.0-insider (c9a2f78283b6e5ef708fb8869e2a5adaa476e42f, 2020-07-31T07:35:12.881Z)
OS version: Darwin x64 19.6.0

Angular CLI: 10.0.4
Node: 12.18.1
OS: darwin x64

Angular: 10.0.6
... animations, common, compiler, compiler-cli, core, forms
... language-service, localize, platform-browser
... platform-browser-dynamic, router
Ivy Workspace: Yes

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.1000.4
@angular-devkit/build-angular     0.1000.4
@angular-devkit/build-optimizer   0.1000.4
@angular-devkit/build-webpack     0.1000.4
@angular-devkit/core              10.0.4
@angular-devkit/schematics        10.0.4
@angular/cdk                      10.1.1
@angular/cli                      10.0.4
@angular/material                 10.1.1
@ngtools/webpack                  10.0.4
@schematics/angular               10.0.4
@schematics/update                0.1000.4
rxjs                              6.6.0
typescript                        3.9.7
webpack                           4.43.0

System Info

Item	Value
CPUs	Intel® Core™ i7-7700HQ CPU @ 2.80GHz (8 x 2800)
GPU Status	2d_canvas: enabled flash_3d: enabled flash_stage3d: enabled flash_stage3d_baseline: enabled gpu_compositing: enabled metal: disabled_off multiple_raster_threads: enabled_on oop_rasterization: disabled_off protected_video_decode: unavailable_off rasterization: enabled skia_renderer: disabled_off_ok video_decode: enabled viz_display_compositor: enabled_on viz_hit_test_surface_layer: disabled_off_ok webgl: enabled webgl2: enabled
Load (avg)	18, 6, 4
Memory (System)	16.00GB (0.01GB free)
Process Argv	-psn_0_2732699
Screen Reader	no
VM	0%

[pstarostka-zz]

I think I found a workaround of sorts… In the lib, change tsconfig.json from something like this:

{
  "extends": "../../tsconfig.base.json",
  "files": [],
  "include": [],
  "references": [
    {
      "path": "./tsconfig.lib.json"
    },
    {
      "path": "./tsconfig.spec.json"
    }
  ],
}

to something like this:

{
  "extends": "../../tsconfig.base.json"
}

tsconfig.lib.json and tsconfig.spec.json for the lib should extend the tsconfig.json you modified - so basically no changes there

Here’s my tsconfig.lib.json for reference:

{
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "outDir": "../../dist/out-tsc",
    "target": "es2015",
    "declaration": true,
    "inlineSources": true,
    "types": [],
    "lib": ["dom", "es2018"]
  },

  "exclude": ["src/test-setup.ts", "**/*.spec.ts"]
}

Hope this helps!

[kpaxton]

I’m having this same issue with an NX 12 workspace and Angular 11.2+. The Language service does not pick up configured paths in the tsconfig.base.json. NX is aware of the issue and doesn’t believe they have the ability to fix this problem. https://github.com/nrwl/nx/issues/3342

Is there something that the language service can be given a glob or file pointer to include for suggestions?