浏览器扩展消息传递-在popup.js中获得空响应

如何解决浏览器扩展消息传递-在popup.js中获得空响应

我不确定为什么，但是当我尝试在前端的浏览器扩展中发送响应时，我在控制台中得到一个空的响应对象。我正在使用vue和polyfill创建它，使其可以在Firefox和chrome上运行。这是代码：

background.js

import nedb from "nedb-promises";

const db = {};
let storedSettings = {};

db.settings = nedb.create({
  autoload: true,filename: browser.runtime.getURL("settings.db")
});

browser.runtime.onMessage.addListener( async (message,sender,sendResponse) => {
  console.log(message);
  if( message.action === "readSettings" ){
    readSettings();
    console.log(storedSettings); // here the variable is defined and contains the info to send
    return new Promise( (resolve) => {
      console.log(storedSettings); // also here the variable contains the info to send
      resolve(storedSettings)
    }); 
  }
});

popup.js vue组件

export default {
  name: 'Popup',data() {
    return {
      proxyActive: false
    }
  },created() {
    browser.runtime.sendMessage({action: "readSettings"}).then( (response) => {
      console.log(response); // the response is empty 
    });
  },mounted() {
    
  },computed: {

  },methods: {

  }
}

我该如何解决？