Gatsby issue while build application

ZPDecodeup commented 2 years ago

Preliminary Checks

[X] This issue is not a duplicate. Before opening a new issue, please search existing issues: https://github.com/gatsbyjs/gatsby/issues
[X] This issue is not a question, feature request, RFC, or anything other than a bug report directly related to Gatsby. Please post those things in GitHub Discussions: https://github.com/gatsbyjs/gatsby/discussions

Description

Hey there, I am right now working in application that I have created in Gatsby environment. In that I have migrate my app from gatsby V3 to V4. when I run gatsby build it cause problem like below.

success Execute page configs - 0.030s failed Validating Rendering Engines - 3.768s

ERROR #98001 WEBPACK

Built Rendering Engines failed validation failed validation.

Please open an issue with a reproduction at https://github.com/gatsbyjs/gatsby/issues/new for more help

Error: Generated engines use disallowed import "babel-runtime/helpers/asyncToGenerator". Only allowed imports are to Node.js builtin modules or engines internals.

child.ts:60 Function._module.default._load [decodeup-dev]/[gatsby]/src/utils/validate-engines/child.ts:60:11
loader.js:957 Module.require internal/modules/cjs/loader.js:957:19
helpers.js:88 require internal/modules/cjs/helpers.js:88:18
index.js:141963 Object.defineProperty.value D:/Zinal/decodeup-dev/.cache/query-engine/index.js:141963:18
index.js:600587 __webpack_require__ D:/Zinal/decodeup-dev/.cache/query-engine/index.js:600587:42
index.js:549013 Object. D:/Zinal/decodeup-dev/.cache/query-engine/index.js:549013:26
index.js:600587 __webpack_require__ D:/Zinal/decodeup-dev/.cache/query-engine/index.js:600587:42
index.js:187064 Module.__webpack_modules__.setActions.setActions D:/Zinal/decodeup-dev/.cache/query-engine/index.js:187064:112
index.js:600587 __webpack_require__ D:/Zinal/decodeup-dev/.cache/query-engine/index.js:600587:42
index.js:600736 D:/Zinal/decodeup-dev/.cache/query-engine/index.js:600736:27
index.js:600914 D:/Zinal/decodeup-dev/.cache/query-engine/index.js:600914:3
index.js:600919 Object. D:/Zinal/decodeup-dev/.cache/query-engine/index.js:600919:12
loader.js:1068 Module._compile internal/modules/cjs/loader.js:1068:30
loader.js:1097 Object.Module._extensions..js internal/modules/cjs/loader.js:1097:10
loader.js:933 Module.load internal/modules/cjs/loader.js:933:32
loader.js:774 Module._load internal/modules/cjs/loader.js:774:14

Reproduction Link

https://github.com/

Steps to Reproduce

migrate gatsby app to V3 to V4 and then run gatsby build

Expected Result

Gatbsy application will successfully serve in local.

Actual Result

Getting error like "Built Rendering Engines failed validation failed validation."

Environment

"dependencies": {
    "caniuse-lite": "^1.0.30001292",
    "classnames": "^2.3.1",
    "create-react-class": "^15.7.0",
    "flickity": "^2.3.0",
    "flickity-as-nav-for": "^2.0.1",
    "gatsby": "^4.4.0",
    "gatsby-background-image": "^1.6.0",
    "gatsby-cli": "^4.4.0",
    "gatsby-plugin-google-analytics": "^4.4.0",
    "gatsby-plugin-hubspot": "^2.0.0",
    "gatsby-plugin-image": "^2.4.0",
    "gatsby-plugin-manifest": "^4.4.0",
    "gatsby-plugin-netlify-cms": "^6.4.0",
    "gatsby-plugin-netlify-cms-paths": "^1.3.0",
    "gatsby-plugin-offline": "^5.4.0",
    "gatsby-plugin-postcss": "^5.4.0",
    "gatsby-plugin-purgecss": "^6.1.0",
    "gatsby-plugin-react-helmet": "^5.4.0",
    "gatsby-plugin-sharp": "^4.4.0",
    "gatsby-plugin-styled-components": "^5.4.0",
    "gatsby-remark-embed-video": "^3.1.1",
    "gatsby-remark-images": "^6.4.0",
    "gatsby-remark-relative-images-v2": "^0.1.5",
    "gatsby-remark-responsive-iframe": "^5.4.0",
    "gatsby-source-filesystem": "^4.4.0",
    "gatsby-source-hubspot-forms": "^3.0.1",
    "gatsby-source-wordpress": "^6.4.0",
    "gatsby-transformer-remark": "^5.4.0",
    "gatsby-transformer-sharp": "^4.4.0",
    "gbimage-bridge": "^0.2.0",
    "install": "^0.13.0",
    "kinet": "^2.2.1",
    "netlify-cms-app": "^2.15.62",
    "netlify-cms-widget-inline-select": "^1.5.0",
    "npm": "^8.3.0",
    "npm-check-updates": "^12.0.5",
    "postcss-cli": "^9.1.0",
    "postcss-import": "^14.0.2",
    "prop-types": "^15.8.0",
    "react": "^17.0.2",
    "react-countup": "^6.1.0",
    "react-dom": "^17.0.2",
    "react-flickity-component": "^3.6.2",
    "react-google-recaptcha": "^2.1.0",
    "react-headroom": "^3.2.0",
    "react-helmet": "^6.1.0",
    "react-hook-form": "^7.22.4",
    "react-lottie": "^1.2.3",
    "react-markdown": "^7.1.1",
    "react-scroll": "^1.8.4",
    "react-tilt": "^0.1.4",
    "react-visibility-sensor": "^5.1.1",
    "styled-components": "^5.3.3",
  },
  "devDependencies": {
    "autoprefixer": "^10.4.0",
    "postcss": "^8.4.5",
    "prettier": "^2.5.1",
    "tailwindcss": "^3.0.7"
  },

Config Flags

No response

iChenLei commented 2 years ago

"gatsby-plugin-netlify-cms-paths": "^1.3.0" this plugin is the reason why build failed.

LekoArts commented 2 years ago

Please see https://github.com/gatsbyjs/gatsby/issues/34293

gatsbyjs / gatsby