如何让Visual Studio自动导入时使用tsconfig.json配置的paths路径?
解决Visual Studio自动导入使用tsconfig paths别名的问题
确认tsconfig.json配置的正确性
首先保证tsconfig.json在项目根目录,且paths嵌套在compilerOptions节点下,同时必须配置baseUrl(paths依赖它解析路径),完整配置示例:{ "compilerOptions": { "baseUrl": ".", "paths": { "tools/*": [ "../Frontend.Tools/*" ] } // 其他编译配置项... } }注意
baseUrl的取值要和你的paths映射路径匹配,比如你的tools/*指向上级目录的Frontend.Tools,baseUrl设为当前tsconfig所在目录即可。重启Visual Studio并清理缓存
VS有时不会实时加载tsconfig的修改,完全关闭VS后重新打开项目,必要时可以删除项目根目录下的隐藏.vs文件夹清除缓存,再重启软件。调整VS的TypeScript导入设置
- 点击顶部菜单栏的
工具->选项 - 在左侧导航依次展开
文本编辑器->JavaScript/TypeScript->导入 - 右侧
导入模块时使用下拉菜单选择非相对路径(如果可用) - 确保
优先使用别名选项处于勾选状态(不同VS版本选项位置可能略有差异)
- 点击顶部菜单栏的
统一TypeScript版本
确保项目本地安装了TypeScript包(执行npm install typescript --save-dev),并在VS中设置使用项目本地版本:- 右键项目 ->
属性 - 进入
TypeScript构建->常规 - 将
TypeScript版本设置为使用本地安装的版本
- 右键项目 ->
如果做完以上操作还是没解决,可以尝试微调baseUrl或者paths的映射路径,确保能正确指向Frontend.Tools文件夹。
内容的提问来源于stack exchange,提问作者Brad
相关产品推荐
相关产品推荐

