The OPENAI_API_KEY environment variable is missing or empty when deploy the project on vercel

[qingtian1771]

I add and .env file and change the content, but when I deploy the project to vercel, the project build successful, but I got following error when I access the web page.

Error: The OPENAI_API_KEY environment variable is missing or empty; either provide it, or instantiate the OpenAI client with an apiKey option, like new OpenAI({ apiKey: 'My API Key' }).
at (node_modules/openai/index.mjs:26:0)
at (app/function-calling.tsx:4:15)
at (webpack/bootstrap:21:0)
at (app/action.tsx:383:8)
at (webpack/bootstrap:21:0)
at (node_modules/next/dist/esm/server/lib/app-dir-module.js:10:0)
at (node_modules/next/dist/esm/lib/metadata/resolve-metadata.js:238:0)
at (node_modules/next/dist/esm/lib/metadata/resolve-metadata.js:290:0)
at (node_modules/next/dist/esm/lib/metadata/resolve-metadata.js:476:0)
at (node_modules/next/dist/esm/lib/metadata/metadata.js:39:0)

[Papadope]

try installing dotenv with npm, after I did that .env file was loading automatically when I run the project with 'npm run dev'. If you see in the logs after installing dotenv package, you can see that it is passing the Environment file .env in there