javascript - Visual Studio Code peekgo to definition not working when imports are specified with project name - Stack Overflow

I am working with javascript. Usual cases the imports would look like: import reducerUtils from '.

I am working with javascript. Usual cases the imports would look like:

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

And the peek definition or go to definition on reducerUtils works as expected.

Things goes different when I change the import to:

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

The path is definitely valid and the app works too but in the editor the peek definition or go to definition does not work anymore

I understand this could be a standard issue looking from the editors perspective but I was just looking for any solution here to make it work. It might involve into some configuration changes somewhere but my search had no luck. Help Would be appreciated.

I am working with javascript. Usual cases the imports would look like:

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

And the peek definition or go to definition on reducerUtils works as expected.

Things goes different when I change the import to:

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

The path is definitely valid and the app works too but in the editor the peek definition or go to definition does not work anymore

I understand this could be a standard issue looking from the editors perspective but I was just looking for any solution here to make it work. It might involve into some configuration changes somewhere but my search had no luck. Help Would be appreciated.

Share Improve this question edited Dec 26, 2018 at 19:21 Gama11 34.3k9 gold badges90 silver badges106 bronze badges asked Oct 26, 2018 at 9:17 ShocKwav3_ShocKwav3_ 1,7606 gold badges24 silver badges44 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 4

Adding a jsconfig.json file at the root(or wherever appropriate depending on the project). Specify the paths under pilerOptions. eg,

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

Bit more closer look: https://medium./@justintulk/solve-module-import-aliasing-for-webpack-jest-and-vscode-74007ce4adc9

Official Doc: https://code.visualstudio./docs/languages/jsconfig

发布者:admin,转转请注明出处:http://www.yc00.com/questions/1745663982a4639010.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信