Firefox WebExtension-未定义browser.windows

Question

我正在编写一个firefox扩展，试图打开一个新的扩展页面，以检索存储在项目基本文件夹中的HTML页面。

我正在遵循有关创建extension pages的Mozilla文档，但是它不起作用。
当我单击任何extension page时，我需要以input field的身份打开page.html。

我具有以下项目结构：

project  
    |-- manifest.json
    |-- page.html
    |-- main.js

这是我正在尝试的 javascript 代码：

function onCreated(windowInfo) {
    console.log(`Created window: ${windowInfo.id}`);
}

function onError(error) {
    console.log(`Error: ${error}`);
}

const inputs = document.getElementsByTagName("INPUT");
for (let input of inputs) {
    if (input.tagName === "INPUT") {
        input.onclick = function() {
            var popupURL = browser.extension.getURL("page.html");

            var creating = browser.windows.create({
                url: popupURL,
                type: "popup",
                height: 200,
                width: 200
            });
            creating.then(onCreated, onError);
        }
    }
}

这是 manifest.json

{
  "manifest_version": 2,
  "name": "---------",
  "version": "1.0",
  "author": "--------",
  "developer": {
    "name": "--------"
  },
  "description": "-------",
  "icons": {
    "48": "icons/border-48.png"
  },
  "content_scripts": [
    {
      "matches": [
        "<all_urls>"
      ],
      "js": [
        "main.js"
      ]
    }
  ],
  "background": {
    "scripts": [
      "background.js"
    ]
  },
  "browser_action": {
    "browser_style": true,
    "default_title": "project",
    "default_icon": {
      "48": "icons/border-48.png"
    }
  }
}

在调试扩展程序时遇到的错误是调用browser.windows的结果不确定。已填充browser变量，但未引用windows。
为什么？我想念什么吗？可能需要一些许可？

谢谢您的关注。