相关疑难解决方法(0)

我一直在使用create-react-app包来创建一个反应网站.我在我的应用程序中使用相对路径来导入组件,资源,redux等.例如,import action from '../../../redux/action

我尝试过使用module-alis npm包但没有成功.我可以使用任何插件根据文件夹名称或别名导入吗？

例如,import action from '@redux/action'或import action from '@resource/css/style.css'

我在打字稿中设置了路径别名，.tsconfig所以我的导入看起来更干净。

在我的代码中，当我尝试像这样导入我的界面时

import { ApiResponse } from '@api';

eslint 抱怨：Unable to resolve path to module '@api' 然而，vscode 中的智能感知似乎很好。它能够提供代码预测和“跳转到声明”，这是我.tsconfig正确设置但 eslint 以某种方式错误配置的线索。

相关文件

在我的tsconfig.json 中，我设置了路径别名，如下所示：

{
  "compilerOptions": {
    "moduleResolution": "node",               
    "baseUrl": "./src",                     
    "paths": {                              
      "@api": ["./types/api"]
    },
  }
}

我的./src/types/api.ts看起来像这样：

// 3rd party API response object
export interface ApiResponse {
  ....
}

最后，我的.eslintrc.json看起来像这样：

{
  "env": {
    "node": true
  },
  "globals": {
    "console": true
  },
  "plugins": ["@typescript-eslint", "prettier"],
  "parser": "@typescript-eslint/parser",
  "settings": { …