vite项目中Failed to resolve import “@/assets/imgs/logo.png“解决方式

“Failed to resolve import” 错误，意味着 无法找到尝试导入的文件

排查步骤：

1. 1.检查文件路径，看是否有错误拼写:

   • 确认 @/assets/imgs/logo.png 文件确实存在于项目的 src/assets/imgs 目录下，并且文件名和扩展名拼写正确。

2. 2.检查别名配置:

   • 确认 vite.config.js 文件中是否正确配置了别名。当使用 @ 符号作为别名指向 src 目录，需要在 vite.config.js 文件中配置它。配置如下：

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