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组件就可以进行文件跳转

相关推荐
BillKu3 小时前
推荐 Eclipse Temurin 的 OpenJDK
java·ide·eclipse
非门由也4 小时前
Android studio安装教程——超详细(含安装包安装教程)
android·ide·android studio
996终结者7 小时前
同类软件对比(四):Jupyter vs PyCharm vs VS Code:Python开发工具终极选择指南
vscode·python·jupyter·pycharm·visual studio code
万粉变现经纪人12 小时前
如何解决pip安装报错ModuleNotFoundError: No module named ‘python-dateutil’问题
开发语言·ide·python·pycharm·pandas·pip·httpx
Adorable老犀牛16 小时前
可遇不可求的自动化运维工具 | 2 | 实施阶段一:基础准备
运维·git·vscode·python·node.js·自动化
Lecxcy_Kastreain17 小时前
解决VSCode默认F5配置无法启动调试器的问题
ide·vscode·编辑器
胡乱编胡乱赢19 小时前
在pycharm终端安装torch
ide·深度学习·pycharm·安装torch
梁小憨憨19 小时前
PyCharm 连接 AutoDL 远程服务器
服务器·ide·pycharm
T0uken19 小时前
【C++】LLVM-mingw + VSCode:Windows 开发攻略
c++·windows·vscode
一骑红尘荔枝来1 天前
转载:VSCODE 关闭文件和资源管理器关联
ide·vscode·编辑器