Visual Studio Code typescript自动导入不工作

zaq34kh6  于 2023-05-30  发布在  TypeScript
关注(0)|答案(5)|浏览(962)

正如标题所述,我的VS代码不能自动导入我的模块,我试图导入下图中的MatDialogModule,但它没有显示任何Angular Material选项

shstlldc

shstlldc1#

对于Angular 13,下面的解决方案对我有效:将其添加到compilerOptions下的tsconfig.json中。

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

y1aodyip2#

VSCode无法从具有两个以上路径段的目录中自动导入模块。但是,这仅适用于第一次在项目中导入模块时。

wvmv3b1j

wvmv3b1j3#

如果你先做了import { MatDialogModule } from '@angular/material/dialog';,这是值得检查的,因为类型来自/dialog目录。
如果您可以将package.json文件附加到您的问题中,并显示到目前为止您已经安装的内容,那将更有帮助。你是否使用Angular CLI来安装Material模块?
您可能会发现以下链接很有帮助:

dkqlctbz

dkqlctbz4#

正如woodykiddy所说,@angular/material是package.json中的依赖项吗?如果没有,添加它并运行npm iyarn,或者为您选择的包管理器运行install命令。

zf9nrax1

zf9nrax15#

以下解决方案对我有效。将以下部分添加到compilerOptions下的tsconfig.json:

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

相关问题