PANE

Next.js developers face blank pages with compress: false

19 posts since Feb 2022, all from GitHub.

“Link to the code that reproduces this issue https://github.com/TitusEfferian/next 13 3 5 error repro/blob/main/src/app/TestLayoutChild.tsx To Reproduce 1. Clone the repository: https://github.com/TitusEfferian/next 13 3 5 error repro 2. Run npm install 3. Run npm run build 4…”
GitHub
“Link to the code that reproduces this issue https://codesandbox.io/p/devbox/nextjs missing prefetch header 5ll75f?file=%2Fapp%2Flayout.tsx%3A38%2C17 To Reproduce 1. Build the application for production”
GitHub
“Verify canary release [X] I verified that the issue exists in the latest Next.js canary release Provide environment information Which area(s) of Next.js are affected? (leave empty if unsure) No response Link to the code that reproduces this issue or a replay of the bug I don't…”
GitHub

Developers using Next.js are encountering blank pages when `compress: false` is set in their configuration, often in conjunction with middleware. This issue appears to be impacting development environments and requires removing the compression setting to resolve.

devtoolspracticaljavascriptnextjswebdev
FIT
0%
SIGNAL
65%
SOURCES19
FRESHEST POSTJUL 2024
TRACKED SINCE72D AGO

SOURCES (19)

“Link to the code that reproduces this issue https://github.com/TitusEfferian/next 13 3 5 error repro/blob/main/src/app/TestLayoutChild.tsx To Reproduce 1. Clone the repository: https://github.com/TitusEfferian/next 13 3 5 error repro 2. Run npm install 3. Run npm run build 4. Run npm run start 5. Go to http://localhost:3000/another path…”

GITHUBJul 2024

“Link to the code that reproduces this issue https://github.com/AnasArafeh/NextJs 14.2.3 Draft Mode with Static pages To Reproduce 1. install packages ( you will probably need legacy peer deps ) probably related to the react version 2. you can use both next start or next dev 3. add either this URL api/draft mode?slug=home or api/draft mode?slug=home/isr to the example : http://localhost:3000/api/draft mode?slug=home 4. check the console.log in the terminal you will see that no search parameters b”

GITHUBMay 2024

“Link to the code that reproduces this issue https://codesandbox.io/p/devbox/nextjs missing prefetch header 5ll75f?file=%2Fapp%2Flayout.tsx%3A38%2C17 To Reproduce 1. Build the application for production <img width="322" alt="CleanShot 2024 03 26 at 13 08 19@2x" src="https://github.com/vercel/next.js/assets/76673/b64330db 2134 4f9c 8b23 5c3f131e347d" 2. Run production server <img width="267" alt="CleanShot 2024 03 26 at 13 08 54@2x" src="https://github.com/vercel/next.js/assets/76673/4fdf9792 df16”

GITHUBMar 2024

“Link to the code that reproduces this issue https://github.com/matmannion/compile opt repro To Reproduce 1. Start the application in production ( npm run build , npm run start ) 2. Visit http://localhost:3000 3. Click on 'change me' 4. The result shows up as State is {"name":{"val":"","autoFocus":true}} this shows that the passed key ( 'buh' ) has been incorrectly optimised to 'name' Current vs. Expected behavior If you run the application in development mode with npm run dev you see the expecte”

GITHUBSep 2023

“Verify canary release [X] I verified that the issue exists in the latest Next.js canary release Provide environment information Which area(s) of Next.js are affected? (leave empty if unsure) No response Link to the code that reproduces this issue or a replay of the bug I don't have To Reproduce Just trying to use <Script / tag to add gpt.js for Google but I get errors and add "type": "module" to package.json. Describe the Bug and sometimes [Error: Invariant: missing bootstrap script. This is a b”

GITHUBAug 2023

“Verify canary release [X] I verified that the issue exists in the latest Next.js canary release Provide environment information Which area(s) of Next.js are affected? (leave empty if unsure) Middleware / Edge (API routes, runtime) Link to the code that reproduces this issue or a replay of the bug https://github.com/mgoodenough/nextjs middleware caching To Reproduce Step 1: From the navigation menu on the Home page, click the Dashboard Link. Prior to page load, the middleware will log the followi”

GITHUBAug 2023

“Verify canary release [X] I verified that the issue exists in the latest Next.js canary release Provide environment information Which area(s) of Next.js are affected? (leave empty if unsure) Data fetching (gS(S)P, getInitialProps), Internationalization (i18n), Routing (next/router, next/navigation, next/link) Link to the code that reproduces this issue or a replay of the bug https://codesandbox.io/p/sandbox/routing i18n bug gfc94t?file=%2Fnext.config.js%3A1%2C1 To Reproduce If you click on "Link”

GITHUBAug 2023
Source preview · github.com

Verify canary release [X] I verified that the issue exists in the latest Next.js canary release Provide environment information Which area(s) of Next.js are affected? (leave empty if unsure) No response Link…

github.comJul 2023

“Verify canary release [X] I verified that the issue exists in the latest Next.js canary release Provide environment information Which area(s) of Next.js are affected? (leave empty if unsure) Static HTML Export (output: "export") Link to the code that reproduces this issue or a replay of the bug https://github.com/mwkldeveloper/not found To Reproduce 1. npx create next app@latest 2. use default setting 3. add simple not found.tsx to app folder: 4. add output: 'export' in next.config.js 5. npm run”

GITHUBJun 2023

“Verify canary release [X] I verified that the issue exists in the latest Next.js canary release Provide environment information Which area(s) of Next.js are affected? (leave empty if unsure) Middleware / Edge (API routes, runtime) Link to the code that reproduces this issue or a replay of the bug https://codesandbox.io/p/sandbox/festive hamilton 7h1m0x To Reproduce 1. Set compress: false in next.config.js file. 2. Create a middleware.js in the root of the project. You can simply export an empty”

GITHUBMay 2023

“Verify canary release [X] I verified that the issue exists in the latest Next.js canary release Provide environment information Which area(s) of Next.js are affected? (leave empty if unsure) No response Link to the code that reproduces this issue or a replay of the bug https://github.com/Adelrisk/reproducer nextjs standalone require To Reproduce Prepare a project Prepare without the reproducer Prepare with the reproducer Reproduce the problem Without docker: With docker: Add the following file t”

GITHUBMay 2023

“Verify canary release [X] I verified that the issue exists in the latest Next.js canary release Provide environment information Which area(s) of Next.js are affected? (leave empty if unsure) Middleware / Edge (API routes, runtime) Link to the code that reproduces this issue not needed To Reproduce not needed Describe the Bug Not sure if I could describe this as being a bug or feature request, I'm new to NextJs and the community in general, hopefully this is not misplaced. Issue: The body of inco”

GITHUBMay 2023

“Verify canary release [X] I verified that the issue exists in the latest Next.js canary release Provide environment information Which area(s) of Next.js are affected? (leave empty if unsure) Middleware / Edge (API routes, runtime) Link to the code that reproduces this issue none To Reproduce create an middleware.ts and make an rewrite if a specific cookie is not there. let hasCookie = request.cookies.get('access cookie')?.value if (hasCookie) { console.log('access granted') } else { rewrite to /”

GITHUBMay 2023

“Verify canary release [X] I verified that the issue exists in the latest Next.js canary release Provide environment information Which area(s) of Next.js are affected? (leave empty if unsure) Middleware / Edge (API routes, runtime) Link to the code that reproduces this issue https://github.com/dottodot/next compress middleware To Reproduce run yarn dev and you'll see you get a blank page remove compress: false and the app loads correctly Describe the Bug When compress: false is set in next.config”

GITHUBApr 2023

“Verify canary release [X] 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:20:05 PDT 2022; root:xnu 8020.140.49 2/RELEASE ARM64 T8101 Binaries: Node: 16.15.0 npm: 8.5.5 Yarn: N/A pnpm: 7.25.1 Relevant packages: next: 12.3.0 eslint config next: N/A react: 18.1.0 react dom: 18.1.0 Which area(s) of Next.js are affected? (leave empty if unsure) No r”

GITHUBJan 2023

“Verify canary release [X] I verified that the issue exists in the latest Next.js canary release Provide environment information nextjs 12.3/13 In the repo I setup a new app with: document.tsx ../foo/index.ts ../foo/Foo.tsx If I edit Foo.tsx it will do a full page reload If I add another export in ./foo/index.ts for Bar.tsx and edit this file, it will also do a page reload. Which area(s) of Next.js are affected? (leave empty if unsure) No response Link to the code that reproduces this issue https”

GITHUBDec 2022

“Verify canary release [x] I verified that the issue exists in the latest Next.js canary release Provide environment information I am using Mac apple chip Which area of Next.js is affected? (leave empty if unsure) Package manager (npm, pnpm, Yarn) Link to reproduction Issues with a link to complete (but minimal) reproduction code will be addressed faster no link To Reproduce install latest yarn pnp version, run create next app select typescript run yarn build Describe the Bug ./pages/ app.tsx:2:3”

GITHUBNov 2022

“Verify canary release [X] 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.5.0: Tue Apr 26 21:08:37 PDT 2022; root:xnu 8020.121.3 4/RELEASE ARM64 T6000 Binaries: Node: 17.2.0 npm: 8.1.4 Yarn: N/A pnpm: N/A Relevant packages: next: 12.2.5 canary.4 eslint config next: 12.2.4 react: 18.2.0 react dom: 18.2.0 What browser are you using? (if relevant) not relevant How a”

GITHUBAug 2022

“Verify canary release [X] I verified that the issue exists in Next.js canary release Provide environment information Operating System: Platform: win32 Arch: x64 Version: Windows 10 Pro Binaries: Node: 16.13.1 npm: 8.1.2 Yarn: 1.22.10 pnpm: N/A Relevant packages: next: 12.0.11 canary.21 react: 17.0.2 react dom: 17.0.2 What browser are you using? (if relevant) No response How are you deploying your application? (if relevant) No response Describe the Bug The monaco editor comes with CSS files. Up u”

GITHUBFeb 2022

SOLUTION LANDSCAPE

Brought to you byTop Sectors

A Player feature.See how many ways this pain can be solved, who's already building, and where the gaps are.

Related panes

/ same corner of the problem