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

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