Npm 错误：缺少商业提供商-为什么我总是在Nextjs Vercel commerce Starter包中遇到此错误？

因此，我在Vercel中克隆了ecom starter软件包，我不断发现这个错误以及其他错误。首先，它不识别React和React-dom，即使它显示在依赖项中

npm警告next@10.1.3需要react@^16.6.0 | | ^17的对等方，但未安装任何对等方。您必须自己安装对等依赖项

所以我运行了npm安装和更新

我在.gitignore中了解到了node_modules的问题，虽然node_modules在文件中，但我仍然运行

npm rm-rf node_modules

，然后再次运行npm I，但仍然一无所获

就绪-已在0.0.0.0:3000上启动服务器，url:http://localhost:3000 错误：缺少商业提供程序，请添加有效的提供程序名称或其环境变量 在withCommerceConfig（/Users/ThomasJMai/Sites/ecom/framework/commerce/config.js:28:11） 反对。（/Users/ThomasJMai/Sites/ecom/next.config.js:11:18） at模块编译（内部/modules/cjs/loader.js:1137:30） at Object.Module._extensions..js（internal/modules/cjs/loader.js:1157:10） 在Module.load（内部/modules/cjs/loader.js:985:32） at Function.Module._load（内部/modules/cjs/loader.js:878:14） at Module.require（内部/modules/cjs/loader.js:1025:19） 根据需要（内部/modules/cjs/helpers.js:72:18） 在loadConfig（/Users/ThomasJMai/Sites/ecom/node_modules/next/dist/next server/server/config.js:8:94） 在async NextServer.loadConfig（/Users/ThomasJMai/Sites/ecom/node_modules/next/dist/server/next.js:1:2962） npm错误！代码失效循环 npm错误！错误1 npm错误！下一代-commerce@1.0.0开始：

下一次开始

npm错误！退出状态1 npm错误！ npm错误！在nextjs上失败-commerce@1.0.0开始脚本。 npm错误！这可能不是npm的问题。上面可能还有其他日志输出

这是package.json文件

{
“名称”：“nextjs商务”，
“版本”：“1.0.0”，
“脚本”：{
“开发”：“下一个开发”，
“构建”：“下一个构建”，
“开始”：“下一次开始”，
“analyze”：“BUNDLE_analyze=两个纱线构建”，
“更漂亮的修复”：“更漂亮——写。”，
“查找：未使用”：“下一个未使用”，
“生成”：“graphql codegen”，
“生成：定义”：“节点框架/bigcommerce/scripts/generate definitions.js”
},
“副作用”：错误，
“许可证”：“麻省理工学院”，
“发动机”：{
“节点”：“14.x”
},
“依赖项”：{
“@reach/portal”：“^0.11.2”，
“@vercel/fetch”：“^6.1.0”，
“自动刷新器”：“^10.2.4”，
“正文滚动锁”：“^3.1.5”，
“bowser”：“^2.11.0”，
“类名”：“^2.2.6”，
“cookie”：“^0.4.1”，
“点对象”：“^2.1.4”，
“电子邮件验证程序”：“^2.0.4”，
“不变性帮助程序”：“^3.1.1”，
“js cookie”：“^2.2.1”，
“锐利滑块”：“^5.2.4”，
“lodash.debounce”：“^4.0.8”，
“lodash.random”：“^3.2.0”，
“lodash.throttle”：“^4.1.1”，
“下一步”：“^10.0.9-canary.5”，
“下一次搜索引擎优化”：“^4.11.0”，
“下一个主题”：“^0.0.4”，
“邮政编码”：“^8.2.6”，
“postcss嵌套”：“^7.0.1”，
“反应”：“^17.0.2”，
“react dom”：“^17.0.2”，
“反应合并引用”：“^1.1.0”，
“react ticker”：“^1.2.2”，
“shopify购买”：“^2.11.0”，
“swr”：“^0.4.0”，
“tabbable”：“^5.1.5”，
“tailwindcss”：“^2.0.3”
},
“依赖性”：{
“@graphql codegen/cli”：“^1.20.0”，
“@graphql-codegen/schema-ast”：“^1.18.1”，
“@graphql codegen/typescript”：“^1.19.0”，
“@graphql codegen/typescript操作“^1.17.13”，
“@manifoldco/ts大摇大摆”：“^2.1.0”，
“@next/bundle analyzer”：“^10.0.1”，
“@types/body滚动锁”：“^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”，
“深度合并”：“^4.2.2”，
“graphql”：“^15.4.0”，
“哈士奇”：“^4.3.8”，
“林特阶段”：“^10.5.3”，
“下一次未使用”：“0.0.6”，
“POSTSS flexbugs修复程序”：“^4.2.1”，
“邮政编码预设环境”：“^6.7.0”，
“更漂亮”：“^2.2.1”，
“类型脚本”：“^4.0.3”
},
“哈士奇”：{
“挂钩”：{
“预提交”：“lint暂存”
}
},
“林特舞台”：{
“***.{js，jsx，ts，tsx}”：[
“更漂亮——写”，
“git添加”
],
“***.{md，mdx，json}”：[
“更漂亮——写”，
“git添加”
]
},
“下一次未使用”：{
“别名”：{
“@lib/*”：[
“lib/*”
],
“@assets/*”：[
“资产/*”
],
“@config/*”：[
“配置/*”
],
“@components/*”：[
“组件/*”
],
“@utils/*”：[
“utils/*”
]
},
“调试”：正确，
“包括”：[
“组成部分”，
“lib”，
“页面”
],
“排除”：[]，
“入口点”：[
“页面”
]
}
}

---

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

我以前没有使用过Next.js Commerce，但在它的文档中说：

安装纱线：npm安装-g纱线

安装依赖项：Thread

这样，将自动生成warn.lock，而您将不会有一个package-lock.json

---

在尝试此操作之前，请删除当前的package-lock.json和node_modules文件夹（如果有的话）。

开箱即用的是.env.template文件。config.js文件将查找process.env.COMMER