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

当前回答

对于那些使用babel-module的人来说，只要添加扩展，它就会像这样:

      "babel-module": {
        "extensions": [".js", ".jsx", ".ts", ".tsx"],
        "alias": {
          "app": "./app"
        }
      }

2019-05-16 08:06:38

其他回答

对于那些使用babel-module的人来说，只要添加扩展，它就会像这样:

      "babel-module": {
        "extensions": [".js", ".jsx", ".ts", ".tsx"],
        "alias": {
          "app": "./app"
        }
      }

2019-05-16 08:06:38

你可以通过在你的.eslintrc.json配置文件中添加以下代码片段来设置ESLint模块的导入分辨率:

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

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

2019-03-21 12:51:09

我与ts monorepo的情况是，我在IDE中没有得到lint错误，所有的别名都得到了解决，但只要我在其中一个项目上运行eslint，我就会得到

error  Unable to resolve path to module

显示每个包的tsconfig文件的eslint路径是很重要的。

综上所述，对于TS，别名和monorepo患者:

安装eslint-import-resolver-typescript 添加到eslintrc.js设置(这将帮助ide和eslint确定别名和其他东西):

    'import/resolver': {
      node: {
        paths: 'packages/*/src',
        extensions: ['.js', '.jsx', '.ts', '.tsx'],
      },
      typescript: {
        alwaysTryTypes: true,
        project:[
         path.resolve(__dirname, '.tsconfig.json'), // root tsconfig
         path.resolve(__dirname, './packages/projA/tsconfig.json'),
         path.resolve(__dirname, './packages/projB/tsconfig.json'),
         /* ...rest of projects path to its tsconfig */
        ],
      },

添加到eslintrc.js扩展:

{
 ...,
   'plugin:import/recommended',
   'plugin:import/typescript',
}

添加到eslintrc.js插件:

  plugins: ['@typescript-eslint', ..., 'import'],

添加到eslintrc.js的parserOptions(和settings一样)，这将帮助eslint:

        project: [
          path.resolve(__dirname, '.tsconfig.json'), // root tsconfig
          path.resolve(__dirname, './packages/projA/tsconfig.json'),
          path.resolve(__dirname, './packages/projB/tsconfig.json'),
          /* ...rest of projects path to its tsconfig */
        ],

2022-02-13 10:39:48

如果你已经更新了你的.eslintrc和tsconfig。Json文件的建议在其他答案，你仍然有问题-重新启动vscode。

2020-10-07 11:15:31

就我而言，我只是需要改变

import { SetOptional, SetRequired } from 'type-fest';

import type { SetOptional, SetRequired } from 'type-fest';

2022-03-07 01:30:26

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

推荐文章

最新文章

标签