Select2 v4结果未显示在下拉列表中

Question

下面的代码有什么问题？ 我正在使用Select2版本4，当没有结果显示无结果下拉列表时， 但是当结果没有显示时（下拉列表没有显示）。

function formatProduct(product) {
    if (product.loading) return product.text;
    var markup =  '<div class="product-to-compare" data=' + product.id + '>' + product.text + '</div>' ;
    return markup;
}
function formatProductSelection(product) {

    return product.name || product.text;
}

$(".select-category").select2({
  ajax: {
    url: "/autocomplete",
    dataType: 'json',
    delay: 250,
    data: function (params) {
      return {
        q: params.term, // search term
        page: params.page
    };
},
processResults: function (data, params) {
  params.page = params.page || 1;

  return {
    results: data.items,
    pagination: {
      more: (params.page * 30) < data.total_count
  }
};
},
cache: true
},
  escapeMarkup: function (markup) { return markup; }, 
  minimumInputLength: 3,
  templateResult: formatProduct,
  templateSelection: formatProductSelection
});

在PHP脚本的结果中我有这样的东西：

{"items":{"id":12,"text":"Sport"}}

但是下拉列表没有显示，我正在做错什么？