react eslint import { useUserStore } from "@/stores/user"; 找不到模块“@/stores/user“

报错解释：

这个报错通常意味着React项目中的ESLint配置不能正确识别@别名指向的目录。在JavaScript模块中，通常使用@作为特定包的别名，例如@/stores/user可能是一个指向特定stores/user模块的别名。ESLint用于代码质量和代码风格的检查，当它不能正确解析这个别名时，就会报出“找不到模块”的错误。

解决方法：

1. 模块解析配置：例如 在tsconfig.json中

   {
     "compilerOptions": {
       "baseUrl": ".", // 这代表相对于此文件的位置
       "paths": {
         "@/*": ["src/*"] // “*”代表src下的任何文件
       }
     }
   }

    

2. 在vite.config.ts里 配置别名

   import { defineConfig } from 'vite'
   import path from 'path'
   export default defineConfig({
     resolve: {
       alias: {
         '@': path.resolve(__dirname, './src')
       }
     }
   })