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

admin管理员组

文章数量:1026989

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.

• javascript
• visual-studio-code

Share Improve this question Follow edited Dec 26, 2018 at 19:21 Gama11 34.3k99 gold badges9090 silver badges106106 bronze badges asked Oct 26, 2018 at 9:17 ShocKwav3_ShocKwav3_ 1,76066 gold badges2424 silver badges4444 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: 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

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.

• javascript
• visual-studio-code

Share Improve this question Follow edited Dec 26, 2018 at 19:21 Gama11 34.3k99 gold badges9090 silver badges106106 bronze badges asked Oct 26, 2018 at 9:17 ShocKwav3_ShocKwav3_ 1,76066 gold badges2424 silver badges4444 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: 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

本文标签：