Ничего не видно в графическом представлении Airflow DAG Graph View

Проблема в том, что в графическом представлении Airflow Web-UI DAG я ничего не вижу — полное пустое, но представление в виде дерева работает нормально.

Раньше с графическим представлением все было хорошо, не знаю, что случилось. Я пробовал очистить весь кеш браузера, использовать разные браузеры, не работает.

У вас есть идеи, почему это происходит? Большое спасибо.


airflow directed-acyclic-graphs
person Jerry Yang    schedule 11.02.2020    source источник
comment
Проверьте журналы веб-сервера на наличие сообщений об ошибках, если они есть, вставьте их сюда.   -  person arocketman    schedule 11.02.2020

Ответы (2)


arrow_upward
1
arrow_downward

Сегодня мы столкнулись с той же проблемой (только для наших пользователей, использующих Chrome) и выяснили, что это связано с ошибкой в ​​хроме: https://bugs.chromium.org/p/chromium/issues./detail?id=1049982

Из беглого взгляда на код видно, что при рендеринге DAG он удаляет фиктивные края с помощью js-функции array.render (которая не работает в последнем выпуске хрома).

Поэтому, если вы используете Chrome (у нас это происходит в версии 80.0.3987.87), то он также может сломаться для вас (в зависимости от того, сколько ребер у вас есть в вашей DAG).

Чтобы убедиться, что это та же проблема, вы можете убедиться, что она нормально работает с другими браузерами, такими как Firefox или Safari.

Есть несколько возможных решений:

  1. Понизьте Chrome до более ранней версии
  2. Используйте другой браузер
  3. Примените следующее (временное) исправление в одном из статических файлов Airflow (если он вам доступен):

Путь к файлу:

.../воздушный поток/www/static/dagre-d3.js

Код:

...
module.exports = Renderer;

// Fix for https://bugs.chromium.org/p/chromium/issues/detail?id=1049982
//Start fix
(function() {
        const arrayReduce = Array.prototype.reduce;
        let callback;
        Object.defineProperty(Array.prototype, 'reduce', {
                value: function(cb, ...args) {
                        callback = cb;
                        return arrayReduce.call(this, callback, ...args);
                }
        });
})();
//End fix

function Renderer() {
...
person Moshe Derri    schedule 11.02.2020
comment
В Airflow v2.1.0 нет файла с именем dagre-d3.js. У меня такая же проблема, и то же самое происходит как в Chrome, так и в Firefox. Я обновил Chrome с версии 80 до версии 91, но не повезло. - person Mobin Ranjbar; 12.07.2021

arrow_upward
0
arrow_downward

Обновите версию Chrome до >=80.0.3987.149 .

Похоже, проблема только для Chrome на 80.0.3987.87, как объяснил @moshe-derri в своем ответе.

person kaxil    schedule 03.04.2020
comment
Я обновил Chrome с версии 80 до версии 91, но не повезло. - person Mobin Ranjbar; 12.07.2021