I am trying to import Redis into my chrome extension and I get an error every time I try to open the popup. The error is Uncaught ReferenceError: require is not defined. Redis is installed through npm and I have the Redis CLI/server working. The code below is in my popup.js file.

const redis = require("redis");

getdata();

const redisclient = createClient();

function getdata() {
  setTimeout(function () {
    chrome.storage.local.get(
      ["storedvideotitle", "storedchannelname"],
      function (result) {
        chrome.runtime.sendMessage({});
        document.getElementById("videoname").innerHTML =
          result.storedvideotitle;
        document.getElementById("channelname").innerHTML =
          result.storedchannelname;
      }
    );
  }, 50);
}

document.addEventListener("DOMContentLoaded", function () {
  document.getElementById("star1").addEventListener("click", b1pressed);
  document.getElementById("star2").addEventListener("click", b2pressed);
  document.getElementById("star3").addEventListener("click", b3pressed);
  document.getElementById("star4").addEventListener("click", b4pressed);
  document.getElementById("star5").addEventListener("click", b5pressed);
});

function b1pressed() {
  redisclient.set("star", "1");
}
function b2pressed() {
  redisclient.set("star", "2");
}
function b3pressed() {
  redisclient.set("star", "3");
}
function b4pressed() {
  redisclient.set("star", "4");
}
function b5pressed() {
  redisclient.set("star", "5");
}