gatsbyjs / gatsby

The best React-based framework with performance, scalability and security built in.
https://www.gatsbyjs.com
MIT License
55.27k stars 10.31k forks source link

graphQL page doesn't render in SSR #38558

Open MathieuWEILAN opened 1 year ago

MathieuWEILAN commented 1 year ago

Preliminary Checks

Description

When I build my app in SSR (with yarn start), I cannot go to the graphQL page to make query. The page localhost:3000/___graphql appear 1 second and then become white. I have just upgraded my project from Gatsby v3 to Gatsby v5 in Node 18.14.2.

Capture d’écran 2023-09-18 à 12 23 08 Capture d’écran 2023-09-18 à 12 23 16

Here my package.json : "scripts": { "develop": "gatsby develop", "start": "gatsby develop", "build": "gatsby build", "serve": "gatsby serve", "clean": "gatsby clean" }, "dependencies": { "add-to-calendar-button-react": "^2.2.2", "axios": "^1.3.4", "dayjs": "^1.11.7", "file-saver": "^2.0.5", "gatsby": "^5.7.0", "gatsby-plugin-image": "^3.7.0", "gatsby-plugin-manifest": "^5.7.0", "gatsby-plugin-sharp": "^5.7.0", "gatsby-plugin-sitemap": "^6.7.0", "gatsby-source-filesystem": "^5.7.0", "gatsby-transformer-sharp": "^5.7.0", "highcharts": "^11.1.0", "highcharts-react-official": "^3.2.0", "html-react-parser": "^4.2.2", "react": "^18.2.0", "react-dom": "^18.2.0", "react-google-recaptcha": "^3.1.0", "react-helmet": "^6.1.0", "react-iframe": "^1.8.5", "react-player": "^2.12.0", "react-select": "^5.7.2", "rfdc": "^1.3.0", "video.js": "^8.0.4" }, "devDependencies": { "autoprefixer": "^10.4.13", "gatsby-plugin-postcss": "^6.7.0", "postcss": "^8.4.21", "tailwindcss": "^3.2.7" } }

Reproduction Link

https://codesandbox.io/p/sandbox/github/gatsbyjs/gatsby-starter-minimal/tree/master

Steps to Reproduce

1.Build the site in SSR (npm or yarn start) 2.Go to the page http://localhost:3000/___graphql 3. ...

Expected Result

Capture d’écran 2023-09-18 à 12 25 53

Actual Result

Capture d’écran 2023-09-18 à 12 23 08

Environment

System:
    OS: macOS 12.6
    CPU: (4) x64 Intel(R) Core(TM) i7-7567U CPU @ 3.50GHz
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 18.14.2 - ~/.nvm/versions/node/v18.14.2/bin/node
    Yarn: 1.22.17 - ~/.npm-global/bin/yarn
    npm: 9.6.5 - ~/.nvm/versions/node/v18.14.2/bin/npm
  Browsers:
    Chrome: 117.0.5938.88
    Safari: 16.5.1
  npmPackages:
    gatsby: ^5.7.0 => 5.12.3
    gatsby-plugin-image: ^3.7.0 => 3.12.0
    gatsby-plugin-manifest: ^5.7.0 => 5.12.0
    gatsby-plugin-postcss: ^6.7.0 => 6.12.0
    gatsby-plugin-sharp: ^5.7.0 => 5.12.0
    gatsby-plugin-sitemap: ^6.7.0 => 6.12.0
    gatsby-source-filesystem: ^5.7.0 => 5.12.0
    gatsby-transformer-sharp: ^5.7.0 => 5.12.0
  npmGlobalPackages:
    gatsby-cli: 5.11.0

Config Flags

No response

Vacilando commented 1 year ago

Same problem!