Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Next 13.4.3 DYNAMIC bug #100

Closed
JayBox325 opened this issue Jul 24, 2023 · 5 comments
Closed

Next 13.4.3 DYNAMIC bug #100

JayBox325 opened this issue Jul 24, 2023 · 5 comments

Comments

@JayBox325
Copy link

When I pushed a Next 13 site up to Vercel that had this package I received the following build errors:

NEXT_DYNAMIC_NO_SSR_CODE
DYNAMIC_SERVER_USAGE

When I removed this package, it resolved itself. I am unfamiliar with what/why could cause these errors so hoping someone with a bigger brain than I can advise.
@imranbarbhuiya
Copy link
Collaborator

can u provide a repro along with more logs so we can check what's the issue?

@JayBox325
Copy link
Author

JayBox325 commented Jul 24, 2023 •
edited
Loading

Here's a codesandbox: https://codesandbox.io/p/sandbox/optimistic-morning-7hp694

But it doesn't happen here, it happens when I deploy to Vercel. Full error log:

[23:45:38.370] Running build in Washington, D.C., USA (East) – iad1
[23:45:38.439] Cloning github.com/JayBox325/<project> (Branch: main, Commit: 34342d0)
[23:45:38.892] Cloning completed: 453.48ms
[23:45:51.204] Restored build cache
[23:45:51.236] Running "vercel build"
[23:45:51.755] Vercel CLI 31.0.4
[23:45:52.061] Installing dependencies...
[23:45:54.410] 
[23:45:54.411] up to date in 2s
[23:45:54.411] 
[23:45:54.411] 217 packages are looking for funding
[23:45:54.411]   run `npm fund` for details
[23:45:54.422] Detected Next.js version: 13.4.12
[23:45:54.427] Detected `package-lock.json` generated by npm 7+...
[23:45:54.428] Running "npm run build"
[23:45:54.731] 
[23:45:54.731] > <project>@0.1.0 build
[23:45:54.732] > next build
[23:45:54.732] 
[23:45:55.316] - info Creating an optimized production build...
[23:46:25.258] - info Compiled successfully
[23:46:25.259] - info Linting and checking validity of types...
[23:46:28.153] 

< -- removed some lint warnings that are persistent when it works & when it doesn't -- >

[23:46:28.158] info  - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules
[23:46:28.159] - info Collecting page data...
[23:46:29.905] - info Generating static pages (0/29)
[23:46:29.972] - info Generating static pages (7/29)
[23:46:30.109] - warn Entire page /404 deopted into client-side rendering. https://nextjs.org/docs/messages/deopted-into-client-rendering /404
[23:46:30.140] - info Generating static pages (14/29)
[23:46:30.212] - warn Entire page /free deopted into client-side rendering. https://nextjs.org/docs/messages/deopted-into-client-rendering /free
[23:46:30.470] - warn 
[23:46:31.161] - warn Entire page /offline deopted into client-side rendering. https://nextjs.org/docs/messages/deopted-into-client-rendering /offline
[23:46:31.183] Error: NEXT_DYNAMIC_NO_SSR_CODE
[23:46:31.183]     at suspense (/vercel/path0/next/.next/server/chunks/3023.js:8781:19)
[23:46:31.183]     at bailoutToClientRendering (/vercel/path0/next/.next/server/chunks/3023.js:3154:36)
[23:46:31.184]     at Object.useSearchParams (/vercel/path0/next/.next/server/chunks/3023.js:3970:13)
[23:46:31.184]     at /vercel/path0/next/.next/server/chunks/3023.js:2382:35
[23:46:31.184]     at Ue (/vercel/path0/next/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.edge.production.min.js:113:273)
[23:46:31.184]     at Ue (/vercel/path0/next/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.edge.production.min.js:117:498)
[23:46:31.185]     at Z (/vercel/path0/next/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.edge.production.min.js:120:91)
[23:46:31.185]     at Ve (/vercel/path0/next/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.edge.production.min.js:123:155)
[23:46:31.185]     at Xe (/vercel/path0/next/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.edge.production.min.js:122:289)
[23:46:31.185]     at Z (/vercel/path0/next/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.edge.production.min.js:120:350) {
[23:46:31.186]   digest: 'NEXT_DYNAMIC_NO_SSR_CODE'
[23:46:31.186] }
[23:46:31.240] Error: NEXT_DYNAMIC_NO_SSR_CODE
[23:46:31.241]     at suspense (/vercel/path0/next/.next/server/chunks/3023.js:8781:19)
[23:46:31.241]     at bailoutToClientRendering (/vercel/path0/next/.next/server/chunks/3023.js:3154:36)
[23:46:31.241]     at Object.useSearchParams (/vercel/path0/next/.next/server/chunks/3023.js:3970:13)
[23:46:31.241]     at /vercel/path0/next/.next/server/chunks/3023.js:2382:35
[23:46:31.242]     at Ue (/vercel/path0/next/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.edge.production.min.js:113:273)
[23:46:31.242]     at Ue (/vercel/path0/next/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.edge.production.min.js:117:498)
[23:46:31.242]     at Z (/vercel/path0/next/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.edge.production.min.js:120:91)
[23:46:31.242]     at Ve (/vercel/path0/next/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.edge.production.min.js:123:155)
[23:46:31.250]     at Xe (/vercel/path0/next/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.edge.production.min.js:122:289)
[23:46:31.250]     at Z (/vercel/path0/next/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.edge.production.min.js:120:350) {
[23:46:31.250]   digest: 'NEXT_DYNAMIC_NO_SSR_CODE'
[23:46:31.250] }
[23:46:31.251] - warn Entire page / deopted into client-side rendering. https://nextjs.org/docs/messages/deopted-into-client-rendering /
[23:46:31.251] - info Generating static pages (21/29)
[23:46:31.268] - warn Entire page /submit deopted into client-side rendering. https://nextjs.org/docs/messages/deopted-into-client-rendering /submit
[23:46:31.309] - warn 
[23:46:31.309] metadata.metadataBase is not set for resolving social open graph or twitter images, using "https://<project>.vercel.app". See https://nextjs.org/docs/app/api-reference/functions/generate-metadata#metadatabase
[23:46:31.380] - warn 
[23:46:31.380] metadata.metadataBase is not set for resolving social open graph or twitter images, using "https://<project>.vercel.app". See https://nextjs.org/docs/app/api-reference/functions/generate-metadata#metadatabase
[23:46:31.533] - warn Entire page /tags deopted into client-side rendering. https://nextjs.org/docs/messages/deopted-into-client-rendering /tags
[23:46:31.698] - warn Entire page /tools deopted into client-side rendering. https://nextjs.org/docs/messages/deopted-into-client-rendering /tools
[23:46:31.833] - warn Entire page /typography deopted into client-side rendering. https://nextjs.org/docs/messages/deopted-into-client-rendering /typography
[23:46:31.881] Error: NEXT_DYNAMIC_NO_SSR_CODE
[23:46:31.881]     at suspense (/vercel/path0/next/.next/server/chunks/3023.js:8781:19)
[23:46:31.881]     at bailoutToClientRendering (/vercel/path0/next/.next/server/chunks/3023.js:3154:36)
[23:46:31.881]     at Object.useSearchParams (/vercel/path0/next/.next/server/chunks/3023.js:3970:13)
[23:46:31.882]     at /vercel/path0/next/.next/server/chunks/3023.js:2382:35
[23:46:31.882]     at Ue (/vercel/path0/next/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.edge.production.min.js:113:273)
[23:46:31.882]     at Ue (/vercel/path0/next/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.edge.production.min.js:117:498)
[23:46:31.882]     at Z (/vercel/path0/next/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.edge.production.min.js:120:91)
[23:46:31.882]     at Ve (/vercel/path0/next/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.edge.production.min.js:123:155)
[23:46:31.882]     at Xe (/vercel/path0/next/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.edge.production.min.js:122:289)
[23:46:31.882]     at Z (/vercel/path0/next/node_modules/next/dist/compiled/react-dom/cjs/react-dom-server.edge.production.min.js:120:350) {
[23:46:31.882]   digest: 'NEXT_DYNAMIC_NO_SSR_CODE'
[23:46:31.882] }
[23:46:31.904] - warn Entire page /platforms deopted into client-side rendering. https://nextjs.org/docs/messages/deopted-into-client-rendering /platforms
[23:46:32.198] - info Generating static pages (29/29)
[23:46:32.229] - info Finalizing page optimization...
[23:46:32.233] 
[23:46:32.252] Route (app)                                Size     First Load JS
[23:46:32.252] ┌ ○ /                                      131 kB          301 kB
[23:46:32.252] ├ ○ /_not-found                            0 B                0 B
[23:46:32.252] ├ λ /[...slug]                             261 B           185 kB
[23:46:32.253] ├ ○ /apple-icon.png                        0 B                0 B
[23:46:32.253] ├ ○ /favicon.ico                           0 B                0 B
[23:46:32.253] ├ ○ /free                                  208 B           182 kB
[23:46:32.253] ├ ○ /icon.png                              0 B                0 B
[23:46:32.253] ├ λ /insights/[slug]                       1.65 kB         175 kB
[23:46:32.253] ├ ○ /jobs                                  428 B          92.4 kB
[23:46:32.253] ├ λ /jobs/[slug]                           428 B          92.4 kB
[23:46:32.253] ├ ○ /offline                               1.71 kB        83.5 kB
[23:46:32.253] ├ ○ /platforms                             232 B           182 kB
[23:46:32.253] ├ λ /platforms/[slug]                      461 B           182 kB
[23:46:32.254] ├ ○ /search                                450 B           171 kB
[23:46:32.254] ├ ○ /sitemap.xml                           0 B                0 B
[23:46:32.254] ├ ○ /submit                                3.96 kB         175 kB
[23:46:32.254] ├ ○ /tags                                  217 B           171 kB
[23:46:32.254] ├ λ /tags/[slug]                           450 B           171 kB
[23:46:32.254] ├ ○ /tools                                 3.25 kB         185 kB
[23:46:32.254] ├ λ /tools/[slug]                          3.84 kB         174 kB
[23:46:32.254] ├ ○ /typography                            140 B          81.3 kB
[23:46:32.254] ├ ○ /users                                 428 B          92.4 kB
[23:46:32.254] └ λ /users/[username]                      427 B          92.4 kB
[23:46:32.254] + First Load JS shared by all              81.1 kB
[23:46:32.254]   ├ chunks/596-635d35a4343308f3.js         28.6 kB
[23:46:32.254]   ├ chunks/fd9d1056-7d4878b210284f07.js    50.5 kB
[23:46:32.254]   ├ chunks/main-app-884f9009ba395edd.js    215 B
[23:46:32.254]   └ chunks/webpack-09bfa98aeae8ad2b.js     1.85 kB
[23:46:32.254] 
[23:46:32.254] Route (pages)                              Size     First Load JS
[23:46:32.254] ─ ○ /404                                   182 B          76.2 kB
[23:46:32.254] + First Load JS shared by all              76 kB
[23:46:32.254]   ├ chunks/framework-8883d1e9be70c3da.js   45 kB
[23:46:32.254]   ├ chunks/main-4cb66da2e3d175cc.js        28.9 kB
[23:46:32.255]   ├ chunks/pages/_app-52924524f99094ab.js  195 B
[23:46:32.255]   └ chunks/webpack-09bfa98aeae8ad2b.js     1.85 kB
[23:46:32.255] 
[23:46:32.255] λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)
[23:46:32.255] ○  (Static)  automatically rendered as static HTML (uses no initial props)
[23:46:32.255] 
[23:46:32.255] Next.js Speed Insights is enabled for this production build. You'll receive a Real Experience Score computed by all of your visitors.
[23:46:32.255] 
[23:46:35.937] Traced Next.js server files in: 3.461s
[23:46:50.775] Created all serverless functions in: 14.836s
[23:46:50.794] Collected static files (public/, static/, .next/static): 8.891ms
[23:46:51.898] Error: ENOENT: no such file or directory, open '/vercel/path0/next/.next/server/app/jobs.html'

So the build fails on Vercel, but when I comment out the <AppProgressBar /> and push to vercel, it successfully builds. Just having a Next 13.4 App Router project and adding this package causes the error.

I can provide a repo and vercel deployments if that's easier, but I'll need to find time to do that this week.

@imranbarbhuiya
Copy link
Collaborator

You are using next-nprogress-bar and not this package (nextjs-progressbar)

@JayBox325
Copy link
Author

Apologies. The docs for this package only illustrate being used within the pages directory, does this work with the app router? I'll swap over if so!

@imranbarbhuiya
Copy link
Collaborator

no, check #86

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@JayBox325 @imranbarbhuiya