一看到报错我很懵，这个css文件是在public中的，在html中直接引入，并没有使用import引入啊？经过N分钟的百度，n+分钟的查vite、rollup文档以及思前想后，终于在vite文档中发现了一句话：

于是抱着试一试的心态将路径改为绝对路径，再次打包，成功！！！

总结
webpack打包和vite打包对路径的处理有差异，在做vue+webpack的项目使，public中的资源可以使用相对路径引入，而做vue+vite项目时，public中的资源应使用绝对路径。