import/no-unresolved when using custom import resolver: 'babel-plugin-root-import'

When opening an issue:

[x] search open/closed issues
[ ] discuss bug/enhancement in new or old issue

This is the same issue as I opened here: https://github.com/airbnb/javascript/issues/2260 The discussion there is very short and easy to follow and I was redirected here to create an issue.

Issue:

I'm using babel along with this plugin 'babel-plugin-root-import'. It also provides in the documentation about how to make it work with Eslint and VS Code (with jsconfig.json).

The things mentioned in the documentation were working fine until I tried to extend the eslint-config-airbnb-base (which enables the import/no-unresolved rule). Eslint is throwing eslint(import/no-unresolved) error. However, babel and VS-Code redirection to custom paths are working fine.

Here are my config files: .eslintrc

{
    "$schema": "http://json.schemastore.org/eslintrc",
    "env": {
        "node": true
    },
    "extends": "airbnb-base",
    "parserOptions": {
        "ecmaVersion": 7,
        "sourceType": "module"
    },
    "rules": {
    },
    "plugins": [
        "import"
    ],
    "settings": {
        "import/resolver": {
            "babel-plugin-root-import": {}
        }
    }
}

.babelrc

Thanks

import-js / eslint-plugin-import

import/no-unresolved when using custom import resolver: 'babel-plugin-root-import' #1862

Issue: