Intellisense/autoImport/importSuggestions 在 Angular/vsCode/typescript 中不起作用

Tom*_*mba 3 typescript visual-studio-code angular

node_modules我在 Angular、vsCode 中自动导入时遇到问题

预期行为:当我开始在 Angular TypeScript 文件中输入已安装模块的名称(例如“MatMenuM”或“HttpCl”)时,应该会出现导入建议。

当前行为:没有出现正确的建议

matMenuModule 建议失败

httpclient建议失败

我的环境:Windows 10 上的新鲜角度项目,具有最新(2022 年 3 月 28 日)版本的角度 cli、节点、打字稿、vsCode,只有两个扩展,全部是最新的,并导入了最新的角度材料。

角度版本

tsconfig.json

tsconfig.app.json

扩展全部是最新的

角度.json 1

角度.json 2

包.json

导入设置

我意识到这个问题已被问过几次,但没有一个答案能解决我的问题。此外,Angular 和 ts 版本可能有所不同。我将在下面链接所有相关问题。我还尝试了所有建议的解决方案:

我试过:

  • 添加typeRoots我的tsconfig.json,如此处所述我得到的只是:

cli 的 typeroot 问题

另外,与同一问题相关的这个github 问题表示该问题应该使用新的 ts 版本来解决......但这不适合我。

  • 将自动导入的首选路径样式设置为相对、最短、项目相对和非相对

  • 卸载 Angular、Node、vsCode 和 ts 并重新安装

  • 删除所有扩展

  • types: []从我的中删除tsconfig.app.json

  • 添加"node_modules/@angular/**/*.d.ts"以包含在我的tsconfig.app.json

相关问题: 1、2、3、4、5

非常感谢您的帮助!

编辑:图像格式不正确、拼写错误

Tom*_*mba 7

解决了我的问题:

据我所知,VsCode 不会自动建议开箱即用的模块,即使是旧版本也是如此。我误认为确实如此,因为在我的工作项目中,建议效果很好,但现在我意识到这只是因为:

VsCode 需要至少导入该模块一次(无论在哪里)才能在任何地方建议它。

所以你必须导入一次,然后 vsCode 开始建议,这意味着只有一次痛苦。

仍然设置一个新项目可能会很乏味,我将使用 webstorm(建议开箱即用的所有内容)作为设置 IDE,然后如果我的项目有足够的导入,我仍然可以切换回 vsCode。