Я следовал этому руководству, чтобы сделать расширения для Chrome, но застрял на этапе, когда мне пришлось написать JS файл и скомпилировать его. Код уже указан в руководстве.
let changeColor = document.getElementById('changeColor');
chrome.storage.sync.get('color', function(data) {
changeColor.style.backgroundColor = data.color;
changeColor.setAttribute('value', data.color);
});
Но когда я попытался перезагрузить расширение, оно выдало следующую ошибку:

Итак, я посмотрел документацию chrome .storage API , которая имела похожий синтаксис:
chrome.storage.sync.get(['key'], function(result) {
console.log('Value currently is ' + result.key);
});
Я немного изменил код для его отладки:
chrome.storage.sync.get(['color'], function(data) {
console.log('Value currently is ' + data.color);
});
и я получаю ту же ошибку:

Может кто-нибудь объяснить, что мне не хватает?