未捕获类型错误：无法读取属性“1”

Question

我遇到了一个仅在 Chrome 中出现的问题，在 Firefox 中工作正常，没有任何问题

      computedStyle = getComputedStyle(element, ':before');
      content = computedStyle.getPropertyValue('content').slice(1, -1);
      // content --> NULL
      matchResult = content.match(/^\s*(\d+)(?:\s?\.(.+))?\s*$/);
      if (matchResult) {
        numberOfColumns = matchResult[1];
        columnClasses = ((_ref = matchResult[2]) != null ? _ref.split('.') : void 0) || ['column'];
      } else {
        matchResult = content.match(/^\s*\.(.+)\s+(\d+)\s*$/);
        columnClasses = matchResult[1];    // <-- Error here
        numberOfColumns = (_ref1 = matchResult[2]) != null ? _ref1.split('.') : void 0;
      }
      return {
        numberOfColumns: numberOfColumns,
        columnClasses: columnClasses
      };
    };
    add_columns = function(grid, items) {
      var columnClasses, columnsFragment, columnsItems, i, 

并且控制台中的错误是

Uncaught TypeError: Cannot read property '1' of null

Answer 1

// ...
if (matchResult) {
    numberOfColumns = matchResult[1];
    columnClasses = ((_ref = matchResult[2]) != null ? _ref.split('.') : void 0) || ['column'];
} else if (matchResult = content.match(/^\s*\.(.+)\s+(\d+)\s*$/)){
    columnClasses = matchResult[1];    // <-- Error here
    numberOfColumns = (_ref1 = matchResult[2]) != null ? _ref1.split('.') : void 0;
} else {
    columnClasses = numberOfColumns = null;
}
// ...

在处理数据之前，请确保

matchResult

不为空。