You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Vercel部署React应用报错:无法解析'./app.css'

Vercel部署React应用时找不到CSS文件的解决办法
  • 检查导入路径的大小写一致性
    本地Windows/macOS系统默认大小写不敏感,但Vercel使用的Linux环境是大小写严格区分的。确认代码中的导入语句(比如import './App.css')和实际文件的文件名大小写完全一致,哪怕本地能正常运行,线上环境会因为大小写不匹配报错。

  • 确认CSS文件的实际存在性
    检查仓库中src目录下是否确实存在目标CSS文件,避免文件被.gitignore规则排除、上传代码时遗漏,或者本地文件未同步到远端仓库。

  • 清理缓存后重新构建
    先在本地执行npm run build测试是否能正常编译,排除本地代码问题。如果本地构建正常,在Vercel项目的Deployments页面,找到对应部署记录,点击右侧三点图标选择"Redeploy with cache cleared",清除构建缓存后重新部署。

  • 检查自定义webpack配置(如有修改)
    如果你自定义过webpack配置,确认已正确配置CSS文件的解析规则,比如是否安装了css-loader、style-loader等依赖,且配置文件中已添加对应的loader规则。

内容的提问来源于stack exchange,提问作者Mohammadamin Alizadeh

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.25 06:36:31