在 VSCode 中，在 import 语句中使用 @ 时智能感知被破坏

Question

我正在使用 VSCode 使用 VueJs 开发应用程序，但是如果我导入这样的模块，智能感知会损坏并且无法工作：

import myModule from '@/path/to/myModule.js'

但是当我像这样导入它时，智能感知将起作用：

import myModule from './path/to/myModule.js'

这发生在*.js 文件或*.vue 文件中。
是什么原因，有解决办法吗？

Answer 1

您必须在 jsconfig.json 中使用 paths 以让 VS Code 的工具知道如何解析该样式的路径。

在项目的根目录下，尝试使用以下内容创建 jsconfig.json：

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
       "@/*": [ "root/path/to/src/*" ]
    }
  },
   "exclude": [
     "node_modules"
  ]
}

您可以配置@/ 以解析到工作区中您想要的任何子目录。使用："@/*": [ "./*" ] 将其解析为工作空间的根目录