I'm currently working on adding a button to my website portfolio that allows users to download my CV when clicked. The functionality works perfectly fine on my localhost, but after deploying it to AWS Amplify, I encountered an error. The error occurs during the AWS deployment process
Even after changing my imports from relative to absolute paths, the issue persists. The CV file is located in the root folder.
import resume from './KuroUsaResume.pdf'
import 'stylesheets/Home.css';
function Home() {
return (
<div className="home">
.....
.....
<a href= {resume} download="KuroUsa's_Resume.pdf">
<button className='home--download-button'>Download CV</button>
</a>
</div>
<div className="home--body">
<img src={me} className="logo" alt="logo" />
</div>
</div>
);
}
export default Home;
My jsconfig file:
{
"compilerOptions": {
"baseUrl": "src"
},
"include": ["src"]
}