I have been attempting to deploy my Next.js app on AWS Amplify, but unfortunately, it keeps failing.
The build process worked flawlessly in my local environment, and I was even successful in deploying it on Vercel.
However, for some reason, it only fails when trying to deploy on Amplify.
To overcome this issue, I managed to deploy by creating a .babelrc file. Nevertheless, I am still seeking a better solution that involves utilizing SWC.
I tried several solutions:
and then reinstalling usingrm package-lock.json && rm -rf node_modulesnpm install --force- Installing
@next/swc-linux-x64-gnuand@next/swc-linux-x64-muslas optionalDependencies - Setting
swcMinifyoption tofalseinnext.config.js - Removing the
compileroption fromnext.config.js
▼ Environment
v16.13.2 x64 linux
▼ package.json
{
"name": "my-project",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
},
"dependencies": {
"@svgr/webpack": "^6.2.1",
"clsx": "^1.2.1",
"framer-motion": "^6.4.3",
"next": "12.2.2",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-query": "^3.39.1",
"react-use": "^17.4.0",
"recoil": "^0.7.4",
"styled-components": "^5.3.5",
"twemoji": "^14.0.2"
},
"devDependencies": {
"@types/node": "18.0.3",
"@types/react": "18.0.15",
"@types/react-dom": "18.0.6",
"@types/styled-components": "^5.1.25",
"eslint": "8.19.0",
"eslint-config-next": "12.2.2",
"typescript": "4.7.4"
}
}
▼ next.config.js
/** @type {import('next').NextConfig} */
const nextConfig = {
webpack(config) {
config.module.rules.push({
test: /\.svg$/,
use: ['@svgr/webpack'],
})
return config
},
reactStrictMode: true,
swcMinify: true,
compiler: {
styledComponents: {
displayName: true,
ssr: true,
},
},
}
module.exports = nextConfig
▼ Error logs
# Starting phase: preBuild
# Executing command: nvm use --lts
2022-07-13T23:48:13.094Z [INFO]: Now using node v16.13.2 (npm v8.1.2)
2022-07-13T23:48:13.095Z [INFO]: # Executing command: node -e 'console.log(process.version, process.arch, process.platform)'
2022-07-13T23:48:13.122Z [INFO]: v16.13.2 x64 linux
2022-07-13T23:48:13.125Z [INFO]: # Executing command: npm ci --include=optional
...
Terminating logging...