react+vite+ts+eslint导入模块的时候，路径@无法识别

1.在 vite.config.js 中正确配置路径别名后

2.tsconfig配置路径

  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  }
}

3.ESLint 配置路径别名：

  settings: {
    'import/resolver': {
      alias: {
        map: [
          ['@', './src']
        ],
        extensions: ['.js', '.jsx', '.ts', '.tsx']
      }
    }
  },
  // 其他 ESLint 配置
};

4.确保你已经安装了必要的 ESLint 插件，特别是用于解析 TypeScript 和路径别名的插件 npm install eslint-import-resolver-alias eslint-plugin-import --save-dev