vue3项目绝对路径重命名后vscode无法提示路径,无法进行文件跳转

vue3项目绝对路径重命名后vscode无法提示路径

设置如下:

json 复制代码
//vite.config.js
resolve: {
      // 绝对路径重命名 @/xxxx => src/xxxx
      alias: {
        "@": path.resolve(__dirname, "src"),
      },
    },

设置完成后vscode无法提示路径,为什么无法提示路径?

根据vscode官网给出的解释jsconfig.json

因为Visual Studio Code 的 JavaScript 支持可以在两种不同的模式下运行:

第一种:文件范围 - 无 jsconfig.json

在此模式下,在 Visual Studio Code 中打开的 JavaScript 文件被视为独立单元。只要文件 a.js 未显式引用文件 b.ts (使用 import CommonJS 模块),两者之间就没有公共项目上下文文件。

第二中:显式项目 - 使用 jsconfig.json

JavaScript 项目是通过 jsconfig.json 文件定义的。目录中存在这样的文件表明该目录是 JavaScript 项目的根目录。文件本身可以选择列出属于该项目的文件、要从项目中排除的文件以及编译器选项

解决方案:

在根目录下增加文件 jsconfig.json

json 复制代码
{
    "compilerOptions": {
        "target": "ES6",
        "jsx":"preserve",
        "module": "commonjs",
        "allowSyntheticDefaultImports": true,
        "baseUrl": "./",
        "paths": {
            "/@/*": [
                "src/*"
            ]
        }
    },
    "exclude": [
        "node_modules"
    ]
}

增加完后点击vue组件就可以进行文件跳转

相关推荐
狠活科技10 小时前
免登录!免安装ClI,Claude Code官方插件接入API使用教程
人工智能·vscode·ai编程
诗意地回家12 小时前
工具: 下载vscode .vsix扩展文件方法
ide·vscode·编辑器
UpYoung!15 小时前
无广技术贴!【PDF编辑器】Solid Converter PDF保姆级图文下载安装指南——实用推荐之PDF编辑软件
学习·数学建模·pdf·编辑器·运维开发·个人开发
东方佑15 小时前
基于浏览器的DOCX文件编辑器:实现导入、编辑与导出功能
编辑器
scorpion_V17 小时前
VScode 中执行 npm 报错的问题
ide·vscode·npm
UpYoung!17 小时前
【MD编辑器】实用工具推荐之轻量级 Markdown 编辑器Typora下载安装图文教程
编辑器·办公软件·typora·md编辑器·markdown 编辑器
Bellafu66617 小时前
下载selenium-ide及使用
ide·selenium·测试工具
就叫飞六吧20 小时前
idea正则匹配搜索
ide
oioihoii1 天前
如何设置 Visual Studio 在调试停止时自动关闭控制台
ide·visual studio
曹申阳1 天前
1. 使用VSCode开发uni-app环境搭建
ide·vscode·uni-app