在 .netlify 上部署我的 React 项目时显示错误：无法在 '/opt/build/repo/src/components/header' 中解析 '../../assets/CV.pdf'

Question

Everything fine locally I am able to download pdf locally. But while deploying on my site, its showing error below;

11:42:11 PM: Creating an optimized production build...
11:42:13 PM: Failed to compile.
11:42:13 PM: Module not found: Error: Can't resolve 
'../../assets/CV.pdf' in '/opt/build/repo/src/components/header'
11:42:13 PM:   "build.command" failed                                       
11:42:13 PM:   Error message
11:42:13 PM:   Command failed with exit code 1: npm run build (https://ntl.fyi/exit-code-1)
11:42:13 PM:   Error location
11:42:13 PM:   In Build command from Netlify app

You can take a look at my code from here . It works locally but I can't deploy.

Answer 1

The error above appears to be concluding 3rd line not to be compiled successfully;

11:42:13 PM: Module not found: Error: Can't resolve '../../assets/CV.pdf' in '/opt/build/repo/src/components/header'

As per the repo you shared above, there's cv.pdf under /src/assets/ but not CV.pdf like below and as it's stated within /src/components/header/CTA.js ;

import CV from '../../assets/CV.pdf'

Like stated here at 4th paragraph within MDN Docs , Javascript is a case-sensitive language so that, CV.pdf and cv.pdf is totally different things like any other variable name represented in this context provides.