Next.js 13 - Error: The "target" property is no longer supported in next.config.js, Even next.config.js does not have the target property
See original GitHub issueVerify canary release
- I verified that the issue exists in the latest Next.js canary release
Provide environment information
Operating System:
Platform: darwin
Arch: arm64
Version: Darwin Kernel Version 21.6.0: Mon Aug 22 20:19:52 PDT 2022; root:xnu-8020.140.49~2/RELEASE_ARM64_T6000
Binaries:
Node: 18.0.0
npm: 8.15.1
Yarn: N/A
pnpm: N/A
Relevant packages:
next: 13.0.0
eslint-config-next: 13.0.0
react: 18.2.0
react-dom: 18.2.0
What browser are you using? (if relevant)
Chrome
How are you deploying your application? (if relevant)
AWS Amplify
Describe the Bug
I upgraded my next.js app to Next.js 13 and pushed the new version to AWS Amplify. The build failed due to this error: The “target” property is no longer supported in next.config.js
Error: The "target" property is no longer supported in next.config.js. See more info here https://nextjs.org/docs/messages/deprecated-target-config at Object.loadConfig [as default (/codebuild/output/src405507991/src/assistian/node_modules/next/dist/server/config.js:97:19)
Here is my next.config.js with no target:
/** @type {import('next').NextConfig} */
module.exports = {
webpack(config) {
config.module.rules.push({
test: /\.svg$/i,
issuer: /\.[jt]sx?$/,
use: ['@svgr/webpack'],
})
return config
}
}
Expected Behavior
Next.js app should build successfully on AWs Amplify after upgrading to version 13.
Link to reproduction
NA
To Reproduce
Upgrade a next.js app to Next.js 13 and push to AWS Amplify for hosting.
Issue Analytics
- State:
- Created a year ago
- Comments:6 (2 by maintainers)
Top Results From Across the Web
The "target" property is no longer supported in next.config.js ...
Next.js 13 - Error: The "target" property is no longer supported in next.config.js, Even next.config.js does not have the target property.
Read more >Cannot turn off access control for the Next.js app #3133 - GitHub
It seems like Amplify is adding the target property to next.config.js which is not supported in Next 13. Expected behavior. It should build...
Read more >next.config.js: Introduction
js is a regular Node.js module, not a JSON file. It gets used by the Next.js server and build phases, and it's not...
Read more >Manual Setup for Next.js - Sentry Documentation
Use withSentryConfig to extend the default Next.js usage of Webpack. This will do two things: Automatically call the code in sentry.server.config.js and sentry ......
Read more >To v5 from v4 - webpack
Upgrade webpack 4 and its plugins/loaders · Make sure your build has no errors or warnings · Make sure to use mode ·...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
According to this https://docs.aws.amazon.com/amplify/latest/userguide/server-side-rendering-amplify.html#supported-unsupported-features amplify supports only up to Next v11 .
It seems like amplify is adding the
target
property tonext.config.js
which is not supported in v13.I am also running into this error. I had Next.js
latest
specified in the Amplify Build Settings and am currently unable to build my apps with that. I kept running into the issue with the target property.After changing my Amplify Build Settings to version
12
(which, I think, is what it would’ve been using a few days ago under thelatest
tag), I now run intoCannot find any generated SSR resources to deploy
at the deploy stage. I know Amplify does not officially support Next 12, but I was having no issues running builds a few days ago.Are you still able to build Next.js 12 apps? Have you found any workarounds?