Visual Studio Код заглядывать / переходить к определению не работает, когда импорт указан с именем проекта

Question

Я работаю с JavaScript.Обычные случаи импорта выглядят так:

import reducerUtils from '../../utils/reducerUtils'

И peek definition или go to definition на reducerUtils работает, как и ожидалось.

Когда все меняется,Я изменяю импорт на:

import reducerUtils from 'projectname/src/utils/reducerUtils'

Путь определенно действителен, и приложение тоже работает, но в редакторе peek definition или go to definition больше не работает

Я понимаю этоЭто может быть стандартная проблема с точки зрения редакторов, но я просто искал здесь какое-нибудь решение, чтобы оно работало.Это может повлечь за собой какие-то изменения конфигурации, но моему поиску не повезлоПомощь будет оценена.

Answer 1

Добавление файла jsconfig.json в корневой каталог (или, где это уместно, в зависимости от проекта).Укажите paths в compilerOptions.например,

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "projectname/*": ["./*"], //it's root in my case
    }
  },
  "exclude": ["node_modules"]
} 

Немного более пристальный взгляд: https://medium.com/@justintulk/solve-module-import-aliasing-for-webpack-jest-and-vscode-74007ce4adc9

Официальный документ: https://code.visualstudio.com/docs/languages/jsconfig