navigation to absolute file path

hello i am using es6 imports and i have a problem with navigation

if i am importing to relative path '../something' i can press CTRL and click on 'something' and this file will be opened,

but if i have absolute path 'components/something' it shows me 'module is not installed'

Anyone know how to fix this?

Comment actions Permalink

Where do these absolute paths come from? you must be using some tool that resolves paths in a special way, it won't work otherwise. So, what plugins/tools do you use? Webpack, Babel, etc.? How are aliases mapped to folders?

Comment actions Permalink

I think i solved this problem by adding path to webpack config in webstorm


Comment actions Permalink

@4knort can you share an example of what your webpack config looks like now?

Comment actions Permalink

It can be a dummy config like this:

module.exports = {
entry: {
app: ['./app.js']
resolve: {

alias: {
'myAlias': path.resolve('./my/path'),



you need to choose this config as webpack configuration file in Settings | Languages & Frameworks | JavaScript | Webpack

or, you can try a workaround from create a file config.js (you can use a different name) in your project root, define the path mappings there, like:

    "paths": {
        "myAlias/*": "./my/path*"

Please sign in to leave a comment.