Перемещение функции в класс выдает Uncaught SyntaxError: неожиданный токен '{' в расширении Chrome ⇐ Javascript

[Anonymous]

Я создаю расширение Chrome в качестве теста и связываю свой js с веб-пакетом.
Все работало нормально, когда js был разделен на отдельные функции, но как только я переместил его в класс, я начал получать следующую ошибку :


Ошибка возникает, когда я открываю раскрывающийся список расширений Chrome.
Класс:
class FetchData {
init() {
console.log("chrome tabs class", chrome.tabs);
chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
console.log("Execute Script CLASS");
chrome.scripting.executeScript({
target: { tabId: tabs[0].id },
func: this.getImages
}, (result) => {
console.log("Result CLASS", result);
if (result[0].result !== null) {
this.paintImageList(result[0].result);
}
});
});
}

getImages() {
console.log("getImages");
}

paintImageList (results) {
document.getElementById("image-count").innerHTML = results.length;
}
}

module.exports = FetchData;


Моя конфигурация веб-пакета:
const path = require("path");
const CopyPlugin = require("copy-webpack-plugin");

module.exports = {
mode: "development",
devtool: 'cheap-module-source-map', // fixes 'unsafe-eval' CSP issue
entry: {
"/extension/image-downloader/style": __dirname + "/assets/scss/style.scss",
"/extension/image-downloader/app": __dirname + "/assets/js/app.js",
},
output: {
path: path.resolve(__dirname),
},
plugins: [
new CopyPlugin({
patterns: [
{ from: "node_modules/bootstrap-icons/font/fonts/", to: "extension/image-downloader/fonts" },
],
})
],
};



Подробнее здесь: https://stackoverflow.com/questions/793 ... oken-in-ch