vscode 提示导入的第三方包 路径不正确 ,要怎么解决?
问题:
vscode 提示导入的第三方包 路径不正确 , 如:import { Modal } from "node_modules/antd/lib/index"; 应该是 import { Modal } from "antd"; 要怎么解决?
回答
要让VSCode在自动导入时不使用 node_modules 的完整路径,可按以下步骤操作:
打开VSCode
进入设置页面,你可以通过顶部菜单栏 File(文件) -> Preferences(首选项) -> Settings(设置) 的路径进行进入,或者快捷键 Ctrl + , 打开。
在设置搜索框中输入 JavaScript › Preferences: Import Module Specifier (如果你正在使用 TypeScript,那么选项名为 TypeScript › Preferences: Import Module Specifier),将它的选项设置为 shortest 或者 relative,以达到你的需求。
shortest:VSCode会使用最简洁的版本进行自动导入。这是你需要的设置选项。
relative:VSCode会总是使用相对路径进行自动导入。
如果你在进行上述操作后仍然发现完整路径的导入,可能是因为项目的配置导致的。这时你可以在项目的根目录下创建或修改 jsconfig.json 或 tsconfig.json 文件,确保 compilerOptions.moduleResolution 的设置为 node,这样VSCode会按照离敓房文件最近的 node_modules 目录进行查找和导入。
以上为GPT4的回答,已确认可行