React.js应用程序部署问题[在本地工作，但在部署时发生]

Question

我在Vercel上部署React应用程序时遇到了一个问题(Netlify上也发生了同样的情况(。问题是应用程序在本地运行良好，但当我尝试部署它时，它无法解决我实现的上下文。下图显示了错误：

在App.js导入语句使用Vite创建的项目。[在此输入图像描述][1]

import { UserProvider } from './contexts/user/UserContext';
import { LoadingProvider } from './contexts/loading/LoadingContext';

Vercel错误：

Could not resolve './contexts/user/UserContext' from src/App.jsx
error during build:
Error: Could not resolve './contexts/user/UserContext' from src/App.jsx
at error (/vercel/path0/node_modules/rollup/dist/shared/rollup.js:198:30)
at ModuleLoader.handleResolveId (/vercel/path0/node_modules/rollup/dist/shared/rollup.js:22508:24)
at /vercel/path0/node_modules/rollup/dist/shared/rollup.js:22471:26
Error: Command "npm run build" exited with 1

Answer 1

错误消息contexts/user/UserContext显示它期望找到

contexts/user/UserContext

在中

/vercel/path0/node_modules/rollup/dist/shared

我怀疑在构建环境中的构建时，您可能在该位置没有名为contexts的子文件夹。

检查导入中相对路径的使用情况。您需要确保文件夹在生成时位于正确的位置，并且导入路径在生成环境中正确解析。