visual studio - VS2017 (15.3) + Resharper - Ingen Angular-autofullständig för komponenter, moduler, etc


Jag försöker utveckla Angular (4)-appar i VS2017 med Resharper, men jag har problemet att klasser (moduler, komponenter, etc.) inte löses när jag försöker autokomplettera koden genom att trycka på CTRL + Mellanslag.

Här ska skrivning LayMod hitta modulen LayoutModule i ./layout/layout.module:

Om jag skriver ut hela namnet och klickar någon annanstans, föreslår Resharper importen:

Detta händer också för importerade moduler utanför node_modules-katalogen, t.ex. RouterModule från @angular/router.

Jag använder JavascriptServices/Angular snabbstartsmall som ingår i VS2017 (15.3) med den senaste stabila Visual Studio (15.3) och Resharper (2017.2 EAP 12) Release.

Här är tsconfig.json som används:

{
  "compilerOptions": {
    "module": "es2015",
    "moduleResolution": "node",
    "target": "es5",
    "sourceMap": true,
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "skipDefaultLibCheck": true,
    "skipLibCheck": true, // Workaround for https://github.com/angular/angular/issues/17863. Remove this if you upgrade to a fixed version of Angular.
    "strict": true,
    "lib": [ "es6", "dom" ],
    "types": [ "webpack-env", "jasmine" ]
  },
  "exclude": [ "bin", "node_modules" ],
  "atom": { "rewriteTsconfig": false }
}

Hur kan jag få autokomplettering av oimporterade moduler att fungera i VS2017 (+Resharper)? Är det ens stöd för det eller måste jag använda en annan editor, som Webstorm?

Svar #1

Har du aktiverat Angular 2-stöd i ReSharper → Alternativ → Kodredigering → HTML → Redigerare? Se ReSharpers hjälpsidor.