How to get Visual Studio to import javascript modules using alias instead of relative path?

Question

I'm trying out Angular2 with Typescript in Visual Studios with Resharper. It appears that when classes are imported through the import hint, the relative path to the libraries are used.

For example, I haven't imported Validators class, I get this hint and went ahead to import it.

I will get this import statement at the top of my code:

import {Validators} from "../../../node_modules/@angular/forms/src/validators";

How can I get Visual Studio to import modules and scripts through the alias name instead of relative path? Such that it will look like so:

import { Validators } from '@angular/common';

Answer 1

Visual Studio 15.5.2 with Resharper 2017.2.2 finds the correct reference for me.

Try importing from @angular/forms

import { Validators } from '@angular/forms';