与typescript一起使用eslint -无法解析模块的路径

我在我的文件app.spec.ts中有这个导入:

import app from './app';

是什么导致了这个Typescript错误

2:17  error  Unable to resolve path to module './app'  import/no-unresolved

/应用程序。ts确实存在，但我没有将.ts文件编译成.js文件。一旦我把.ts文件编译成.js文件，错误就消失了。

然而，由于eslint应该与typescript一起工作，它应该用.ts而不是.js来解析模块。

我还在eslint配置文件中添加了typescript信息:

"parser": "@typescript-eslint/parser",
"parserOptions": {
    "project": "./tsconfig.json"
}

我如何配置eslint在这样一种方式，它试图解决模块与.ts而不是.js?

编辑# 1

app.ts的内容:

import bodyParser from 'body-parser';
import express from 'express';
import graphqlHTTP from 'express-graphql';
import { buildSchema } from 'graphql';

const app = express();

const schema = buildSchema(`
    type Query {
        hello: String
    }
`);
const root = { hello: () => 'Hello world!' };

app.use(bodyParser());
app.use('/graphql', graphqlHTTP({
    schema,
    rootValue: root,
    graphiql: true,
}));

export default app;

当前回答

我也有同样的问题，我只能通过添加typescript插件到.eslintrc，使用.eslintrc中的extends选项来修复它

  extends: [
    "plugin:import/errors",
    "plugin:import/warnings",
    "plugin:import/typescript",
  ],

2019-06-21 03:28:56

其他回答

ts和eslint都在对我吼叫，所以我必须在.eslintrc文件中添加以下内容:

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

2020-03-13 18:53:20

当使用"eslint": "6.8.0"和"typescript": "3.8.3"时，除了在.eslintrc中添加以下内容:

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

您还需要将这一行添加到tsconfig。编译选项下的json:

"compilerOptions": {
  ...
  // Base directory to resolve non-relative module names.
  "baseUrl": "src",
  ...
}

2020-04-06 17:24:46

这是唯一对我有效的解决办法。

首先，你需要安装这个包:

yarn add -D eslint-import-resolver-typescript

然后将其添加到.eslintrc文件中，以便它可以从tsconfig加载别名设置。json到ESLint:

{
  "settings": {
    "import/resolver": {
      "typescript": {}
    },
  },
}

2020-08-17 12:41:37

这对我来说很有用:

.eslintrc.js

{
    ...
    settings: {
        ...
        'import/resolver': {
            node: {
                extensions: ['.js', '.jsx', '.ts', '.tsx'],
                moduleDirectory: ['node_modules', 'src/'],
            },
        },
    }
}

2019-10-10 13:04:21

在我的例子中，我必须删除eslint缓存，然后它就像魔法一样工作了。(我们的纱线脚本是

"lint:eslint": "eslint。"——cache——cache-location '../../eslintcache/'——format stylish"

2022-04-21 21:23:44

与typescript一起使用eslint -无法解析模块的路径

推荐文章

最新文章

标签