Deploying to Oxygen: Uncaught TypeError

Hydrogen and Storefront APIs
1

Hello there,

We recently upgraded to the latest versions of Shopify Hydrogen (2024.10) and Remix (2.13.1). During our deployment, a GitHub Action attempted to publish a preview link but we encountered a unique error that hasn’t appeared elsewhere. We searched online for similar issues and found an old post that’s nearly two years old, but the solutions there didn’t resolve our problem.

I’ve tried clearing the cache and rebuilding node modules, but nothing seems to work. Running npx shopify hydrogen preview in the terminal shows the following error:

“The Workers runtime failed to start. There is likely additional logging output above.”

Note: All environment variables are correctly set up.

Has anyone else faced this issue?

Here’s a screenshot of the error:

Left side Github Action error
Right side terminal error

Screenshot 2024-11-14 at 11.44.36 AM
Screenshot 2024-11-14 at 11.44.36 AM1558×490 191 KB

Below are our dependencies:

"dependencies": {
    "@remix-run/css-bundle": "^2.13.1",
    "@remix-run/react": "2.13.1",
    "@remix-run/server-runtime": "^2.14.0",
    "@sentry/browser": "^8.37.1",
    "@sentry/remix": "^7.77.0",
    "@shopify/admin-graphql-api-utilities": "^2.2.0",
    "@shopify/cli-hydrogen": "^9.0.2",
    "@shopify/hydrogen": "^2024.10.0",
    "@shopify/remix-oxygen": "^2.0.9",
    "@shopify/shopify-api": "^11.6.0",
    "@types/react-input-mask": "^3.0.5",
    "@types/yup": "^0.32.0",
    "autoprefixer": "^10.4.20",
    "framer-motion": "^11.11.11",
    "graphql": "^16.9.0",
    "graphql-tag": "^2.12.6",
    "isbot": "^5.1.17",
    "postcss": "^8.4.49",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
    "tailwind-merge": "^2.5.4",
  },
  "devDependencies": {
    "@graphql-codegen/cli": "5.0.2",
    "@iconify/react": "^5.0.2",
    "@remix-run/dev": "2.13.1",
    "@remix-run/eslint-config": "^2.13.1",
    "@shopify/cli": "^3.70.0",
    "@shopify/hydrogen-codegen": "^0.3.2",
    "@shopify/mini-oxygen": "^3.1.0",
    "@shopify/oxygen-workers-types": "^4.1.2",
    "@shopify/prettier-config": "^1.1.2",
    "@total-typescript/ts-reset": "^0.4.2",
    "@types/eslint": "^9.6.1",
    "@types/react": "^18.3.12",
    "@types/react-dom": "^18.3.1",
    "eslint": "^9.14.0",
    "eslint-plugin-hydrogen": "0.12.3",
    "prettier": "^3.3.3",
    "tailwindcss": "^3.4.14",
    "typescript": "^5.6.3",
    "vite": "^5.4.10",
    "vite-tsconfig-paths": "^5.1.0"
  },
2

Hi, is there any more information that you can provide? What version of Node are you using? What OS? You said it is affecting your project after upgrading. Does it go away on the previous version?

3

We are using node 22.11.0 and I am on MacOS Sequoia 15.0. We made an entirely new project and moved everything from the old repo to the new one. This fixed the issue.