Warning: could not find ts-node, request timeouts

[danabdn]

Hello,

Project was working fine, decided to upgrade, think I've done everything correctly using demo-store / skeleton / reference to upgrade script but now get the following error message (package json shown at the end)... FYI I'm attempting to upgrade to 2024.4.0.

 »   Warning: Could not find ts-node at C:\GitHub\XXXX\hydrogen\hydrogen\node_modules\@shopify\cli\dist\index-e6f8190d.js.     
 »    Please ensure that ts-node is a devDependency. Falling back to compiled source.

Note: The ts-node package is not required in package.json according to the demo-store / skeleton.
I have absolutely no idea what ts-node is.

Also receiving this message. Today it's not showing for some reason (maybe because I opened profiler first).

Unhandled Rejection:  OTLPExporterError: Request Timeout
    at ClientRequest.<anonymous> (file:///C:/GitHub/XXXX/hydrogen/hydrogen/node_modules/@shopify/cli/dist/chunk-LKVSWZE2.js:46699:25)
    at ClientRequest.emit (node:events:517:28)
    at ClientRequest.emit (node:domain:489:12)
    at TLSSocket.socketCloseListener (node:_http_client:474:11)
    at TLSSocket.emit (node:events:529:35)
    at TLSSocket.emit (node:domain:489:12)
    at node:net:350:12
    at TCP.done (node:_tls_wrap:657:7) {
  data: undefined,
  code: 'ECONNRESET'
}
[Error: internal error]

Plus sometimes it's talked about not being able to connect to a json file (unstable reference) in the shopify store - I'm somewhat confused if using the demo-store / skeleton is an alpha build or if it is reliable / usable for stable projects.

Things I've tried...

• Installing ts-node globally
• Installing ts-node as dep/dev dep
• Deleting the node_modules folder
• Clearing npm cache the installing again with node_module folder deleted
• Disabling firewall
• Sync most of the files with the latest code usage (manually - one file at a time) including file renames e.g. js -> cjs etc.

The only thing I can think of is may I closed the popup for the node/npm firewall configuration but no idea how to get it back.

Any ideas you clever people?

Thanks,
Dan.

Package.json

{
  "name": "hydrogen",
  "private": true,
  "sideEffects": false,
  "version": "2.1.6",
  "type": "module",
  "scripts": {
    "dev": "shopify hydrogen dev --codegen",
    "build": "shopify hydrogen build --codegen",
    "preview": "npm run build && shopify hydrogen preview",
    "e2e": "npx playwright test",
    "e2e:ui": "npx playwright test --ui",
    "lint": "eslint --no-error-on-unmatched-pattern --ext .js,.ts,.jsx,.tsx .",
    "format": "prettier --write --ignore-unknown .",
    "format:check": "prettier --check --ignore-unknown .",
    "typecheck": "tsc --noEmit"
  },
  "browserslist": [
    "defaults"
  ],
  "prettier": "@shopify/prettier-config",
  "dependencies": {
    "@graphql-codegen/cli": "^5.0.2",
    "@headlessui/react": "^1.7.2",
    "@remix-run/node": "^2.8.0",
    "@remix-run/react": "^2.8.0",
    "@remix-run/server-runtime": "^2.8.0",
    "@shopify/cli": "^3.58.0",
    "@shopify/cli-hydrogen": "^8.0.0",
    "@shopify/hydrogen": "^2024.4.0",
    "@shopify/hydrogen-codegen": "^0.3.0",
    "@shopify/mini-oxygen": "^3.0.0",
    "@shopify/remix-oxygen": "^2.0.4",
    "@headlessui/tailwindcss": "0.2.0",
    "clsx": "^1.2.1",
    "cross-env": "^7.0.3",
    "graphql": "^16.6.0",
    "graphql-tag": "^2.12.6",
    "isbot": "^3.8.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-intersection-observer": "^9.4.1",
    "react-use": "^17.4.0",
    "schema-dts": "^1.1.0",
    "tiny-invariant": "^1.2.0",
    "typographic-base": "^1.0.4",
    "js-cookie": "3.0.5",
    "pdfmake": "0.2.10"
  },
  "devDependencies": {
    "@playwright/test": "^1.40.1",
    "@remix-run/dev": "^2.8.0",
    "@remix-run/eslint-config": "^2.8.0",
    "@shopify/eslint-plugin": "^42.0.1",
    "@shopify/oxygen-workers-types": "^4.0.0",
    "@shopify/prettier-config": "^1.1.2",
    "@tailwindcss/forms": "^0.5.3",
    "@tailwindcss/typography": "^0.5.9",
    "@total-typescript/ts-reset": "^0.4.2",
    "@types/eslint": "^8.4.10",
    "@types/react": "^18.2.22",
    "@types/react-dom": "^18.2.7",
    "cross-env": "^7.0.3",
    "eslint": "^8.20.0",
    "eslint-plugin-hydrogen": "0.12.2",
    "postcss": "^8.4.21",
    "postcss-import": "^15.1.0",
    "postcss-preset-env": "^8.2.0",
    "rimraf": "^3.0.2",
    "tailwindcss": "^3.3.0",
    "typescript": "^5.2.2",
    "vite": "^5.1.0",
    "vite-tsconfig-paths": "^4.3.1",
    "prettier": "3.2.4",
    "postcss-nesting": "11.2.2",
    "prettier-plugin-tailwindcss": "0.5.11",
    "react-icons": "5.0.1",
    "@types/pdfmake": "0.2.9",
    "ts-node": "10.9.2"
  },
  "engines": {
    "node": ">=18.0.0"
  }
}

[jamalsoueidan]

You don't need ts-node.

It's hard to find the issue if you don't share your whole project.

[michenly]

ts-node is a red herring and can be safety ignore. I would suggest that you use "@shopify/cli": "3.59.2" to be sure as well.
the timeout issue I have no encounter before and we will need more information.

Feel free to re-open if you are still stuck and have more info.

[jamalsoueidan]

@danabdn I had the same issue just now when I upgraded, I deleted node-modules and package-lock.json file and then npm install,,,the message is gone, just in case.