将 eslint 与 typescript 结合使用 - 无法解析模块的路径

Question

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

import app from './app';

这导致了这个Typescript错误

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

。/app.ts确实存在，但是我没有编译。ts文件转换为. js文件。我一编译好。ts文件转换为. js文件，错误就消失了。

但是，由于eslint应该使用typescript，所以它应该使用。ts而不是. js。

我还在我的eslint配置文件中添加了打字稿信息：

"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;

Answer 1

对我来说是这样的:

.eslintrc.js

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

Answer 2

我也有同样的问题，我只能通过在< code >中添加typescript插件来解决这个问题。eslintrc，使用< code >中的< code >扩展选项。eslintrc

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

Answer 3

您可以通过将此片段添加到您的来设置ESLint模块导入分辨率。eslintrc.json配置文件：

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

有关解析器的更多信息：https://github.com/benmosher/eslint-plugin-import#resolvers.