TypeError：grid.columns [0]在Firefox Vaadin Grid中未定义

Question

我正在使用vaadin grid。我明白了：

  

TypeError：grid.columns [0]未定义

在标题中的Firefox中。在Chrome中，它正在运行。代码：

var grid = grid || document.querySelector('vaadin-grid');
HTMLImports.whenReady(function() {
    var json = '[["Blabla", true, "sdfsdfsd", "fsdsdfsdfsd fsdfds fsdf shfskd hds", 0, "39acbfa4-6d6b-4af9-b872-03fc70328183"]]';

    var testJSON = JSON.parse(json);
    grid.items = testJSON;

    // --> ERROR: undefined in firefox
    grid.columns[0].renderer = function(cell) {
        //...
    };    
});

为什么？

Answer 1

找到后：Polymer 1.0 on firefox ReferenceError: Polymer is not defined

我可以解决我的问题：

使用<flex-container> <flex-item></flex-item> </flex-container>代替

window.addEventListener('WebComponentsReady', function(e){

像这样：

HTMLImports.whenReady(function() {