Получить цвет заливки диапазона ячеек officejs

Я новичок в office.js и делаю надстройки, и я пытаюсь сделать надстройку для Excel. Я столкнулся с одной проблемой, которая, кажется, должна быть очень простой, но это не так. Я просто пытаюсь получить цвет фона выбранных ячеек. Насколько я могу судить, мне нужно перебрать каждую выбранную ячейку и отдельно проверить значение fill.color, что нормально, за исключением того, что я продолжаю получать сообщение об ошибке при попытке прочитать это свойство.

Error PropertyNotLoaded: The property 'color' is not available. Before reading the property's value, call the load method on the containing object and call "context.sync()" on the associated request context.

Я не совсем понимаю, почему мне нужно было запускать context.sync () для этого, когда он уже запущен, и я пытаюсь использовать код, который уже был сгенерирован Visual Studio для надстройки.

Ошибка сбивает с толку, потому что я могу без проблем установить такой цвет. Вот код, который я добавил, пытаясь получить цвет заливки. Первая строка закомментирована, но без проблем добавляет оранжевую заливку выбранным ячейкам. Я добавил это только для того, чтобы увидеть, смогу ли я прочитать значение, которое, как я знал, уже установлено. Я пытаюсь получить пользовательскую заливку для выбранного диапазона. Во второй строке выдается ошибка.

//sourceRange.getCell(i, j).format.fill.color = "orange"; // this sets the color no problem when uncommented
$('#fa-output').append("color: " + sourceRange.getCell(i,j).format.fill.color + "<br>"); //this is where it can't get the fill color

Я использую пример, созданный Visual Studio, где он случайным образом сгенерирует 9 ячеек случайных чисел и выделит наибольшее число в выбранном диапазоне. Вот полный код этого метода:

// Run a batch operation against the Excel object model
    Excel.run(function (ctx) {
        // Create a proxy object for the selected range and load its properties
        var sourceRange = ctx.workbook.getSelectedRange().load("values, rowCount, columnCount, format");

        // Run the queued-up command, and return a promise to indicate task completion
        return ctx.sync()
            .then(function () {
                var highestRow = 0;
                var highestCol = 0;
                var highestValue = sourceRange.values[0][0];

                // Find the cell to highlight
                for (var i = 0; i < sourceRange.rowCount; i++) {
                    for (var j = 0; j < sourceRange.columnCount; j++) {

                        //sourceRange.getCell(i, j).format.fill.color = "orange"; // this sets the color no problem when uncommented
                        $('#fa-output').append("color: " + sourceRange.getCell(i,j).format.fill.color + "<br>"); //this is where it can't get the fill color

                        if (!isNaN(sourceRange.values[i][j]) && sourceRange.values[i][j] > highestValue) {
                            highestRow = i;
                            highestCol = j;
                            highestValue = sourceRange.values[i][j];
                        }
                    }
                }

                cellToHighlight = sourceRange.getCell(highestRow, highestCol);
                sourceRange.worksheet.getUsedRange().format.font.bold = false;

                // Highlight the cell
                cellToHighlight.format.font.bold = true;

                $('#fa-output').append("<br>The highest value is " + highestValue);

            })
            .then(ctx.sync);
    })
    .catch(errorHandler);