Javascript Firebase消息服务init上出现RkerGlobalScope错误

我正在尝试连接到firebase db并创建一个用于消息传递的类，但由于某些原因，我在初始化firebase应用程序时收到

ReferenceError:self未定义

import app from "firebase/app";
import "firebase/messaging";

const options = {
    apiKey: process.env.FIREBASE_API_KEY,
    authDomain: process.env.FIREBASE_AUTH_DOMAIN,
    databaseURL: process.env.FIREBASE_DATABASE_URL,
    projectId: process.env.FIREBASE_PROJECT_ID,
    storageBucket: process.env.FIREBASE_STORAGE_BUCKET,
    messagingSenderId: process.env.FIREBASE_MESSAGING_SENDER_ID
};

class Firebase {
    constructor() {
        app.initializeApp(options);

        this.messaging = app.messaging();
    }
}

const FirebaseApp = new Firebase();

export default FirebaseApp;

全部错误如下：

/node_modules/@firebase/messaging/dist/index.cjs.js:2110
if (self && 'ServiceWorkerGlobalScope' in self) {
^
ReferenceError: self is not defined

如果我从
constructor（）
中删除
this.messaging=…
，那么错误就会消失