我得到了支持的帮助，似乎即使我的本地组件是大写的远程分支有一些组件小写。

确保您正确导入组件，并使用正确的文件夹/文件名。例如，如果您有一个名为main的文件夹，其中的index.js导出为组件。您必须从正确的文件夹名称导出Main组件（区分大小写）

// Content of index.js inside main folder
export default function Main() {}

// Use main component like this:

import Main from "./main";

export default function Home() {
  return <Main />;
}

字符串

我也有类似的问题，它在本地构建得很好，但在vercel上构建时失败了。
我做了一些测试，发现问题与路径+文件名的总长度有关。
我把我的apollo查询组织起来，使它们位于与集合tey查询同名的文件夹中。文件名是描述性的。结果是长路径和文件名。
例

09:53:38.510    Failed to compile.
09:53:38.510    ModuleNotFoundError: Module not found: Error: Can't resolve 'urbalurba/apollo/queries/entitynetmember/EntityNetworkMembershipByEntityIDandNetworkID' in '/vercel/workpath0/urbalurba/lib'
09:53:38.510    > Build error occurred
09:53:38.511    Error: > Build failed because of webpack errors
09:53:38.511        at build (/vercel/workpath0/node_modules/next/dist/build/index.js:15:918)
09:53:38.511        at runMicrotasks (<anonymous>)
09:53:38.511        at processTicksAndRejections (internal/process/task_queues.js:97:5)

字符串
正如你所看到的，保存我的graphql突变的文件有一个长文件名EntityNetworkMembershipByEntityIDandNetworkID。上面例子中的文件夹是entitynetmember。
我将文件夹名从entitynetworkmembership缩短为entitynetmember。这样做之后，构建过程可以找到该文件夹中的所有其他文件。
所以我的结论是，总长度是导致构建失败的原因。

我gon同样的问题，删除.next文件夹，并重建新版本.

我也遇到了Vercel构建错误（在localhost中运行没有问题），这是一个大写问题。当我试图将注解组件导入页面时，我得到了Vercel构建错误：

Failed to compile.
./pages/{mypage.js}
Module not found: Can't resolve '../components/comment' in '/vercel/path0/pages/'

> Build failed because of webpack errors
error Command failed with exit code 1.

字符串
我终于解决了通过大写注解组件.如果我改变了页眉或页脚组件大写虽然匹配注解组件，然后出现同样的错误.这是我最终需要做的，以获得构建错误走开.

import Comment from '../components/Comment'; //updated this import from comment to Comment
import Header from '../components/header'
import Footer from '../components/footer'

型
我的package.json

"dependencies": {
    "@formspree/react": "^2.2.5",
    "@fortawesome/fontawesome-pro": "^6.0.0",
    "@fortawesome/fontawesome-svg-core": "^6.1.1",
    "@fortawesome/pro-duotone-svg-icons": "^6.0.0",
    "@fortawesome/pro-light-svg-icons": "^6.0.0",
    "@fortawesome/pro-regular-svg-icons": "^6.0.0",
    "@fortawesome/pro-solid-svg-icons": "^6.0.0",
    "@fortawesome/pro-thin-svg-icons": "^6.0.0",
    "@fortawesome/react-fontawesome": "^0.1.17",
    "add": "^2.0.6",
    "babel-plugin-macros": "^3.1.0",
    "disqus-react": "^1.1.3",
    "next": "^12.1.6",
    "nextjs-breadcrumbs": "^1.1.9",
    "react": "^18.1.0",
    "react-dom": "^18.1.0",
    "react-images": "^1.2.0-beta.7",
    "react-photo-gallery": "^8.0.0",
    "tailwindcss-hero-patterns": "^0.0.1",
    "yarn": "^1.22.17"
  },
  "devDependencies": {
    "autoprefixer": "^10.4.7",
    "eslint": "<8.0.0",
    "eslint-config-next": "^12.1.6",
    "postcss": "^8.4.14",
    "tailwindcss": "^3.0.23"
  }

型

image with the error message
我尝试将我的NextJS应用部署到Vercel时遇到了类似的问题。我尝试从一个在Vercel中的**“navbar”文件导入“Navbar”组件。我不明白为什么它仍然有构建错误，但由于我构建中的第一个错误消息有“防止写入仅在大小写或查询字符串方面与已写入文件不同的文件”，我只是简单地将我的“navbar”文件名重命名为“nav”**。不想冒 * 名称相似性 * 的风险，因为它可能会使 * 大小写问题 * 进一步复杂化。这解决了它。