删除App.css后Vite报错：Failed to resolve import "./App.css"

这种情况我之前切换Tailwind的时候也碰到过，明明已经删掉文件、移除了所有引用，却还是报找不到的错，大概率是缓存或者残留配置搞的鬼，咱们一步步来排查解决：

• 强制清除Vite缓存
  Vite的模块缓存有时候会“记住”旧的依赖关系，就算你删了文件也不会自动更新。最简单的办法是停止开发服务，然后运行这个命令启动：

  npm run dev -- --force
  

  或者手动删除项目里的node_modules/.vite文件夹，再重启服务，这个文件夹就是Vite的缓存目录。

• 检查你的index.css文件
  看你的main.jsx里导入了./index.css，有没有可能这个文件里还通过@import './App.css'引用了被删除的文件？很多Vite+React的初始模板里，index.css会默认导入App.css，你打开index.css看看，如果有这条语句，删掉就好了。

• 重启你的编辑器/IDE
  有时候编辑器的缓存也会拖后腿，比如VS Code会保留旧的文件引用缓存，导致Vite构建时读取到错误的依赖信息。重启一下编辑器，再重新启动项目试试。

• 极端情况：重新安装依赖
  如果上面的方法都没用，可以试试删除node_modules文件夹和package-lock.json（如果用yarn就是yarn.lock），然后重新运行npm install，再启动项目。这能解决一些依赖解析的奇怪问题。

另外再确认一下，你有没有其他文件（比如路由组件、全局配置文件）不小心引用了App.css？不过你说已经检查过了，那大概率还是前面几个点的问题。

备注：内容来源于stack exchange，提问作者Shaurya Singh