在 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"
  ]
}

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

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

In VSCode intellisense is broken when using @ in import statement

visual-studio-code

es6-modules