开发中 @/方式引入的文件，通过ctrl + 点击可直接指向

AspNetSunny

于 2023-08-17 17:42:20 发布

阅读量422

点赞数

文章标签：前端 javascript 开发语言 vue reactjs

本文链接：https://blog.csdn.net/sunnywuxian/article/details/132346210

版权

本文介绍了在实际开发的Vue或React项目中，使用@符号导入文件导致无法直接点击访问的解决方案。通过在根目录创建jsconfig.json文件，设置baseUrl和paths属性，可使@符号指向正确的src目录，解决导入路径问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述：

实际开发项目中例如VUE 或者 React 开发中我们经常会通过@的方式进行文件引入，但是这种方式会导致不能直接点击进入指定的文件

解决方案：

根目录创建jsconfig.json文件，文件内容如下

{
  "exclude": ["node_modules", "dist"],
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    },
    "experimentalDecorators": true
  }
}