TypeScript eslint : Unable to resolve path to module './app' import/no-unresolved

첫 번째 해결법

 .eslintrc 파일에서 rules안에 

 "import/no-unresolved": "off",

입력하면 됨

 

결과: .eslintrc 파일

module.exports = {
    parser: "@typescript-eslint/parser",
    plugins: ["@typescript-eslint"],
    extends: [
        // Airbnb style guide 적용
        "airbnb-base",
        // TypeScript ESLint recommanded style 적용
        "plugin:@typescript-eslint/eslint-recommended"
    ],
    "rules": {
        "indent": ["error", 4],
        "import/no-unresolved": "off"
    }
};

 

 

두 번째 해결법

 .eslintrc 파일에서 

 "settings": {
            "import/resolver": {
                "node": {
                    "extensions": [".js", ".jsx", ".ts", ".tsx"]
                }
            }
},

를 입력하면 됨

결과 : .eslintrc파일

module.exports = {
    parser: "@typescript-eslint/parser",
    plugins: ["@typescript-eslint"],
    extends: [
        // Airbnb style guide 적용
        "airbnb-base",
        // TypeScript ESLint recommanded style 적용
        "plugin:@typescript-eslint/eslint-recommended"
    ],
    "rules": {
        "indent": ["error", 4],

    },
    "settings": {
        "import/resolver": {
            "node": {
                "extensions": [".js", ".jsx", ".ts", ".tsx"]
            }
        }
    }
};