设置了alias以后vscode 点击路径跳转不了，也没有了智能提示路径，也找不到文件引用(Find file references)

badboy__biubiubiu

于 2022-03-21 10:58:13 发布

阅读量3.2k

点赞数 2

分类专栏： webpack 文章标签： html javascript vue webpack vscode

本文链接：https://blog.csdn.net/kjssjj12/article/details/123629560

版权

webpack 专栏收录该内容

2 篇文章

订阅专栏

设置了alias以后vscode 点击路径跳转不了

讲个找文件被哪个文件引用的快捷方法
webpack设置快捷访问的别名alias
引发问题点击路径跳转不了，也没有了智能提示路径（输入了“@”后没有提示src文件下的目录）

讲个找文件被哪个文件引用的快捷方法

右键文件
在这里插入图片描述

webpack设置快捷访问的别名alias

设置

resolve: {
 alias: {
        //这样设置就可以直接在组件使用‘@/’直接访问src
        '@': path.resolve('src'),
      },
      }
全局组件使用
import aa from '@/aa.js'; //访问src/aa.js

引发问题点击路径跳转不了，也没有了智能提示路径（输入了“@”后没有提示src文件下的目录）

解决办法如下
在根目录新建一个jsconfig.json文件


//jsconfig.json file
{
    "compilerOptions": {
        "baseUrl": "./",
        "paths": {
            "@/*": ["src/*"]
        }
    },
    "exclude": ["node_modules", "dist"]
}