错误:商业提供商丢失了-为什么我总是在Nextjs Vercel commerce初学者包中得到这个错误？

Question

因此，我在Vercel中克隆了ecom包，并不断地得到这个错误以及其他错误。首先，它没有识别、反应和反应-多玛，即使它显示在依赖项中。

npm警告next@10.1.3需要一个对等的peer @^16.6.0\x\x\ ^17，但没有安装任何一个。您必须自己安装对等依赖项。

因此，我运行npm安装和更新。

我在.gitignore中了解到了.gitignore中的node_modules问题，而node_modules在文件中，我仍然运行npm rm -rf node_modules，然后再运行npm，但仍然一无所获。

已准备就绪的服务器在0.0.0.0:3000上，url：http://localhost:3000错误:商业提供者丢失了，请在

的withCommerceConfig处添加一个有效的提供者名称或其环境变量。(/Users/ThomasJMai/Sites/ecom/next.config.js:11:18) at Module._compile (内部/模块/cjs/loader.js:1137:30)，Object.Module._extensions..js (内部/模块/cjs/loader.js:1157:10)，Module.load (内部/模块/cjs/loader.js:985:32)，Function.Module._load (内部/模块/cjs/loader.js:878:14)，Module.require (内部/模块/cjs/loader.js:985:32)。：:1025:19)在需要时(内部/模块/cjs/helpers.js:72:18)在异步(/Users/ThomasJMai/Sites/ecom/node_modules/next/dist/next-server/server/config.js:8:94) at loadConfig NextServer.loadConfig NextServer.loadConfig npm！代码ELIFECYCLE npm错误！错误1国家预防机制错误！nextjs-commerce@1.0.0开始：next start npm！退出状态1 npm错误！npm错误！@1.0.0启动脚本失败。npm错误！这可能不是npm的问题。上面可能还有额外的日志输出。

这是package.json文件

{
      "name": "nextjs-commerce",
      "version": "1.0.0",
      "scripts": {
        "dev": "next dev",
        "build": "next build",
        "start": "next start",
        "analyze": "BUNDLE_ANALYZE=both yarn build",
        "prettier-fix": "prettier --write .",
        "find:unused": "next-unused",
        "generate": "graphql-codegen",
        "generate:definitions": "node framework/bigcommerce/scripts/generate-definitions.js"
      },
      "sideEffects": false,
      "license": "MIT",
      "engines": {
        "node": "14.x"
      },
      "dependencies": {
        "@reach/portal": "^0.11.2",
        "@vercel/fetch": "^6.1.0",
        "autoprefixer": "^10.2.4",
        "body-scroll-lock": "^3.1.5",
        "bowser": "^2.11.0",
        "classnames": "^2.2.6",
        "cookie": "^0.4.1",
        "dot-object": "^2.1.4",
        "email-validator": "^2.0.4",
        "immutability-helper": "^3.1.1",
        "js-cookie": "^2.2.1",
        "keen-slider": "^5.2.4",
        "lodash.debounce": "^4.0.8",
        "lodash.random": "^3.2.0",
        "lodash.throttle": "^4.1.1",
        "next": "^10.0.9-canary.5",
        "next-seo": "^4.11.0",
        "next-themes": "^0.0.4",
        "postcss": "^8.2.6",
        "postcss-nesting": "^7.0.1",
        "react": "^17.0.2",
        "react-dom": "^17.0.2",
        "react-merge-refs": "^1.1.0",
        "react-ticker": "^1.2.2",
        "shopify-buy": "^2.11.0",
        "swr": "^0.4.0",
        "tabbable": "^5.1.5",
        "tailwindcss": "^2.0.3"
      },
      "devDependencies": {
        "@graphql-codegen/cli": "^1.20.0",
        "@graphql-codegen/schema-ast": "^1.18.1",
        "@graphql-codegen/typescript": "^1.19.0",
        "@graphql-codegen/typescript-operations": "^1.17.13",
        "@manifoldco/swagger-to-ts": "^2.1.0",
        "@next/bundle-analyzer": "^10.0.1",
        "@types/body-scroll-lock": "^2.6.1",
        "@types/classnames": "^2.2.10",
        "@types/cookie": "^0.4.0",
        "@types/js-cookie": "^2.2.6",
        "@types/lodash.debounce": "^4.0.6",
        "@types/lodash.random": "^3.2.6",
        "@types/lodash.throttle": "^4.1.6",
        "@types/node": "^14.14.16",
        "@types/react": "^17.0.0",
        "@types/shopify-buy": "^2.10.5",
        "deepmerge": "^4.2.2",
        "graphql": "^15.4.0",
        "husky": "^4.3.8",
        "lint-staged": "^10.5.3",
        "next-unused": "0.0.6",
        "postcss-flexbugs-fixes": "^4.2.1",
        "postcss-preset-env": "^6.7.0",
        "prettier": "^2.2.1",
        "typescript": "^4.0.3"
      },
      "husky": {
        "hooks": {
          "pre-commit": "lint-staged"
        }
      },
      "lint-staged": {
        "**/*.{js,jsx,ts,tsx}": [
          "prettier --write",
          "git add"
        ],
        "**/*.{md,mdx,json}": [
          "prettier --write",
          "git add"
        ]
      },
      "next-unused": {
        "alias": {
          "@lib/*": [
            "lib/*"
          ],
          "@assets/*": [
            "assets/*"
          ],
          "@config/*": [
            "config/*"
          ],
          "@components/*": [
            "components/*"
          ],
          "@utils/*": [
            "utils/*"
          ]
        },
        "debug": true,
        "include": [
          "components",
          "lib",
          "pages"
        ],
        "exclude": [],
        "entrypoints": [
          "pages"
        ]
      }
}

我很困惑，因为这应该是一个初始包，但我甚至不能部署它。我对Nextjs很陌生，但是这里发生了什么，我到底错过了什么？

Answer 1

我以前没有使用过Next.js Commerce，但是在https://github.com/vercel/commerce的文档中，它说：

1. 安装纱线: npm安装-g纱线
2. 安装依赖关系:纱线

这样，yarn.lock将自动生成，您将不会有一个包-lock.json。

在尝试之前，如果您有当前的package-lock.json和node_modules文件夹，请删除它们。

Answer 2

您将得到一个.env.template文件。config.js文件将查找process.env.COMMERCE_PROVIDER。

尝试将.env.template重新命名为简单的.env，看看会发生什么。