在nextjs中，public文件夹中的文件不会经过webpack的构建过程，这就是为什么使用process is undefined。
要在firebase-messaging-sw.js文件中使用环境变量，请检查以下步骤。
首先，创建一个.env.local文件，如果你已经有了，跳过这一步。
用npm i dotenv安装dotenv包，我们将用它来加载环境变量。
在根目录中创建一个名为swEnvbuild.js的文件。在您刚刚创建的swEnvbuild.js文件中，我们将创建一个函数，该函数加载.env.local文件，然后将文件内容写入公用文件夹中名为swenv.js的新文件

//swEnvBuild.js        
require('dotenv').config({ path: '.env.local' }); // make sure you have '.env.local' file.    
const fs = require('fs');

fs.writeFileSync(
  './public/swenv.js',
  `
 const process = {
          env: {
            NEXT_PUBLIC_FIREBASE_API_KEY: '${process.env.NEXT_PUBLIC_FIREBASE_API_KEY}',
            NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN: '${process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN}',
            NEXT_PUBLIC_FIREBASE_PROJECT_ID: '${process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID}',
            NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET: '${process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET}',
            NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID: '${process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID}',
            NEXT_PUBLIC_FIREBASE_APP_ID: '${process.env.NEXT_PUBLIC_FIREBASE_APP_ID}',
            NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID: '${process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID}'
  }
 }`
);

然后，我们将从swEnvBuild.js生成的名为swenv.js的文件导入到firebase-messaging-sw.js文件中。

//firebase-messaging-sw.js    
importScripts('swenv.js'); // this file should have all the environment variables declared, allowing you to use process.env.ANY_KEY_YOU_DEFINED

// Initialize the Firebase app in the service worker by passing the generated config
const firebaseConfig = {
    apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
    authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
    projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,
    storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,
    messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,
    appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID,
    measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID,
};

最后，更新package.json。

"scripts": {
        "dev": "node swEnvBuild.js && next dev ",
        "build": "next build && node swEnvBuild.js",
 },

运行npm run dev后，应该可以使用process.env在firebase-messaging-sw.js中访问环境变量

您需要在环境变量前面加上NEXT_PUBLIC_，以便它们在public目录中的文件中工作。
从文件中引用，
为了向浏览器公开一个变量，你必须在变量前面加上NEXT_PUBLIC_