В VSCode intellisense нарушается при использовании @ в операторе импорта

Question

Я использую VSCode для разработки приложения с VueJs, но intellisense не работает и не работает, если я импортировал такие модули:

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

Но когда я импортирую его таким образом, intellisense будет работать:

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

Это происходит в файле *.js или *.vue.
В чем причина и есть ли исправление для этого?

Answer 1

Вы должны использовать paths в jsconfig.json, чтобы инструментарий VS Code знал, как разрешить этот стиль путей.

В корне вашего проекта попробуйте создатьjsconfig.json с содержанием:

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

Вы можете настроить @/ для разрешения в любой подкаталог, который вы хотите в вашей рабочей области.Используйте: "@/*": [ "./*" ], чтобы преобразовать его в корень вашего рабочего пространства