Uncaught TypeError: Невозможно установить свойство 'onclick' для null [Chrome Extension]

Question

window.onload = function() {
    document.getElementById('item_save').onclick = function() {
    var item_name = document.getElementById('item_name').value;
    var item_size = document.getElementById('item_size').value;
    var item_type = document.getElementById('item_type').value;

    chrome.storage.sync.set({'itemName' : item_name}, function() {
        alert(itemName)
    });
}
}

Javascript (содержимое. js) выше ^

        <div class="item_name_hold">
            <input type="text" class="item_name" name="item_name" placeholder="Item Name..." id="item_name">
        </div>

        <div class="item_size_hold">
            <input type="text" class="item_size" name="item_size" placeholder="Item Size..." id="item_size">
        </div>

        <div class="item_type_hold">
            <input type="text" class="item_type" name="item_type" placeholder="Item Type..." id="item_type">
        </div>

        <input type="button" class="item_save" name="submit" value="Save" id="item_save">

HTML выше ^

Я также включил файл содержимого. js в manifest. json файл, и в верхней части всплывающего файла. html имеется тег сценария для включения содержимого. js.

"Uncaught TypeError: Невозможно установить свойство 'onclick' из null "и" Uncaught TypeError: Невозможно прочитать свойство 'syn c' of undefined "- две мои ошибки.

Answer 1

chrome .storage доступно только в веб-расширении JS scope. Ошибка «syn c» выглядит так, как будто она выполняется как скрипт содержимого (который выполняется в параллельной области веб-страницы).

Поскольку вы упомянули всплывающее окно. html Я бы предложил сравнить код к официальному примеру всплывающих окон и убедитесь, что всплывающее окно html правильно указано в манифесте. json: https://github.com/mdn/webextensions-examples/tree/master/beastify