Shopify Hydrogen - 更新到 2024.4 后项目不再启动

Question

自从更新我的 Hydrogen 项目后，使用 npm run dev 命令时它不再启动。

• 我的项目运行良好。
• 决定将 package.json （和相关文件）更新为模板 > 骨架中找到的最新文件。
• 尝试执行“npm run dev”。
• 无法运行/启动本地 Web 服务器，且绝对没有错误。

请参阅下面的命令（以及缺少结果）

PS C:\GitHub\XXXX\hydrogen\hydrogen> npm run dev

[email protected] dev
shopify hydrogen dev --codegen

PS C:\GitHub\XXXX\hydrogen\hydrogen>

包.json

{
  "name": "hydrogen",
  "private": true,
  "sideEffects": false,
  "version": "1.0.7",
  "type": "module",
  "scripts": {
    "build": "shopify hydrogen build --codegen",
    "dev": "shopify hydrogen dev --codegen",
    "preview": "npm run build && shopify hydrogen preview",
    "lint": "eslint --no-error-on-unmatched-pattern --ext .js,.ts,.jsx,.tsx .",
    "typecheck": "tsc --noEmit",
    "codegen": "shopify hydrogen codegen"
  },
  "browserslist": [
    "defaults"
  ],
  "prettier": "@shopify/prettier-config",
  "dependencies": {
    "@headlessui/react": "^1.7.2",
    "@headlessui/tailwindcss": "0.2.0",
    "@remix-run/react": "^2.8.0",
    "@remix-run/server-runtime": "^2.8.0",
    "@shopify/cli": "3.52.0",
    "@shopify/cli-hydrogen": "^8.0.0",
    "@shopify/hydrogen": "2024.4.0",
    "@shopify/remix-oxygen": "^2.0.4",
    "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": {
    "@graphql-codegen/cli": "5.0.2",
    "@playwright/test": "^1.40.1",
    "@remix-run/dev": "^2.8.0",
    "@remix-run/eslint-config": "^2.8.0",
    "@shopify/hydrogen-codegen": "^0.3.0",
    "@shopify/mini-oxygen": "^3.0.0",
    "@shopify/eslint-plugin": "^44.0.0",
    "@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",
    "prettier": "3.2.4",
    "rimraf": "^3.0.2",
    "tailwindcss": "^3.3.0",
    "typescript": "^5.2.2",
    "postcss-nesting": "11.2.2",
    "prettier-plugin-tailwindcss": "0.5.11",
    "react-icons": "5.0.1",
    "@types/pdfmake": "0.2.9",
    "vite": "^5.1.0",
    "vite-tsconfig-paths": "^4.3.1"
  },
  "engines": {
    "node": ">=18.0.0"
  }
}

任何最受赞赏的想法 - 即使如何找到更多诊断信息。谢谢。

Answer 1

尝试删除package-lock.json和node_modules并清除缓存：

npm cache clean --force

然后再次下载软件包

npm i

您也可以尝试检查本地节点版本是否与package.json版本相符：

"engines": {
   "node": ">=18.0.0"
}

没有任何错误消息有点难以帮助你:)也许会有所帮助