@google-cloud/storage fails on Nuxt 3 API endpoint on Vercel serverless function

I am trying to implement the library @google-cloud/storage on a Nuxt 3 app. It works correctly locally. It does not work on Vercel, and it seems like it's related to the environment, as I'm getting an error about the "uuid" module being missing, which is why I tried making it a dependency and importing it into the file where the endpoint is defined—no change in error. Changing the import of @google-cloud/storage to a require does not work, as Vercel throws a different error saying require is not defined.

How do I get Google Cloud Storage to work properly in Nuxt 3 API endpoints on Vercel? Please note that I am not referring to Next, but Nuxt 3, the Vite-building-Vue framework powered by Nitro, which itself uses h3. Nuxt 3 deploys API endpoints as either a server or serverless functions. There may be details related to this, or configuration needed, but I couldn't find anything on Vercel about making sure a library that you import into a serverless function has access to the modules it requires.

File: /server/api/pics/[bucket-name].get.ts

import { H3Event } from "h3";
import "uuid";
import {
  GetFilesResponse,
  GetSignedUrlConfig,
  GetSignedUrlResponse,
  Storage,
} from "@google-cloud/storage";
import { bucketScope } from "@/utils/googleStorage";

import { reqHasScope } from "@/utils/authUtils";

// export type BucketScopes = {
//   [key: string]: string;
// };

const makeConfig = function (): GetSignedUrlConfig {
  return {
    action: "read",
    expires: Date.now() + 604800,
    version: "v4",
  };
};

// Gets signed file URLs for temporary access to bucket images
export default defineEventHandler(async (event: H3Event) => {
  const bucketName: string = event.context.params.bucket;
  if (!bucketName) {
    return [];
  }

  const requiredScope = bucketScope(bucketName);
  if (!requiredScope) {
    return [];
  }
  const runtimeConfig = useRuntimeConfig();
  const privKey = runtimeConfig.gcpPrivateKey;
  const clientEmail = runtimeConfig.gcpClientEmail;
  const storage: Storage = new Storage({
    projectId: runtimeConfig.public.gcpProjectId,
    credentials: {
      type: "service_account",
      private_key: privKey.split(String.raw`\n`).join("\n"),
      client_email: clientEmail,
    },
  });
  if ((await reqHasScope(event, requiredScope)) === true) {
    const fileListResponse: GetFilesResponse = await storage
      .bucket(bucketName)
      .getFiles();
    const signedURLs: Array<Promise<GetSignedUrlResponse>> = [];

    const fileList = fileListResponse[0];
    fileList.reduce((urlList, file) => {
      const signedURL = file.getSignedUrl(makeConfig());
      urlList.push(signedURL);
      return urlList;
    }, signedURLs);

    return await Promise.all(signedURLs).then((urlList) =>
      urlList.map((res) => res[0])
    );
  } else {
    return [];
  }
});

Helper file: /utils/googleStorage.ts

export const bucketScope = function (bucketName: string): string {
  if (bucketName === "homepage-gallery") {
    return "read:content";
  }
  return "";
};

reqHasScope works correctly.

Vercel Logs

When navigating to API endpoint in browser:

I expected the code to work the same locally and in deployment, like my other API endpoints do, including async event handlers, calls to Nuxt's runtimeConfig, and uses of reqHasScope middleware which successfully imports the jose library.