Visual Studio Code typescript 自动导入不工作

Question

As the title stated my VS Code doesn't auto import my modules, I'm trying to import MatDialogModule in the image below and it doesn't show me any Angular Material options

Answer 1

For Angular 13, below solution worked for me: Add this in tsconfig.json under compilerOptions.

"typeRoots": ["node_modules/@angular/material"]

Answer 2

VSCode is not able to auto import module from directories which have more than two path segments. However, this is true only for the first time you import a module inside a project.

Answer 3

It's worth checking if you have done this first, import { MatDialogModule } from '@angular/material/dialog'; , as the type comes from /dialog directory.

It'd also be more helpful if you could attach your package.json file to your question, and show what you have installed so far. Did you use Angular CLI to install the Material modules?

You might find following links helpful:

• https://material.angular.io/guide/getting-started

• https://material.angular.io/components/dialog/api

• https://www.c-sharpcorner.com/article/angular-material-from-beginning/

• https://yogeshdo.net.com/angular-material-installation-setup-visual-studio-code/

Answer 4

As woodykiddy said, is @angular/material a dependency in your package.json? If not, add it and run npm i or yarn or the install command for your chosen package manager.