उल्का खोज-स्रोत पैकेज का उपयोग करने का प्रयास करते समय मुझे कोई त्रुटि क्यों मिल रही है?

Question

मैंने thismeteor search-source पर ट्यूटोरियल का पालन किया और उदाहरण को संशोधित किया ताकि यह मेरी वर्तमान आवश्यकताओं के अनुरूप हो। यह मेरा collections.js जो मेरे lib निर्देशिका में स्थित है

Guides = new Mongo.Collection("guides"); 

मैं अपने ग्राहक पक्ष नियंत्रक में कोड निम्नलिखित है।

var options = { 
    keepHistory: 1000 * 60 * 5, 
    localSearch: true 
}; 

var fields = ['title']; 

GuideSearch = new SearchSource('guides', fields, options); 

Template.guide_list.helpers({ 
    getGuides: function() { 
     return GuideSearch.getData({ 
      transform: function (matchText, regExp) { 
       return matchText.replace(regExp, "<b>$&</b>") 
      } 
     }); 
    }, 

    isLoading: function() { 
     return GuideSearch.getStatus().loading; 
    } 
}); 


Template.guide_list.events({ 
    "keyup #title": _.throttle(function(e) { 
     var text = $(e.target).val().trim(); 
     GuideSearch.search(text); 
    }, 200) 
}); 

और ये मेरे सर्वर साइड कोड

SearchSource.defineSource('guides', function(searchText, options) { 
    if(searchText) { 
    var regExp = buildRegExp(searchText); 
    var selector = {title: regExp} 
    return Guides.find(selector, options).fetch(); 
    } else { 
    return Guides.find({}, options).fetch(); 
    } 
}); 

function buildRegExp(searchText) { 
    // this is a dumb implementation 
    var parts = searchText.trim().split(/[ \-\:]+/); 
    return new RegExp("(" + parts.join('|') + ")", "ig"); 
} 

किसी कारण के रूप में, मैं जब मेरे इनपुट क्षेत्र

Exception in delivering result of invoking 'search.source': Meteor.makeErrorType/errorClass@http://10.0.3.162:3000/packages/meteor.js?9730f4ff059088b3f7f14c0672d155218a1802d4:525:15 
._livedata_result@http://10.0.3.162:3000/packages/ddp-client.js?250b63e6c919c5383a0511ee4efbf42bb70a650f:4625:23 
Connection/onMessage@http://10.0.3.162:3000/packages/ddp-client.js?250b63e6c919c5383a0511ee4efbf42bb70a650f:3365:7 
._launchConnection/self.socket.onmessage/<@http://10.0.3.162:3000/packages/ddp-client.js?250b63e6c919c5383a0511ee4efbf42bb70a650f:2734:11 
_.forEach@http://10.0.3.162:3000/packages/underscore.js?46eaedbdeb6e71c82af1b16f51c7da4127d6f285:149:7 
._launchConnection/self.socket.onmessage@http://10.0.3.162:3000/packages/ddp-client.js?250b63e6c919c5383a0511ee4efbf42bb70a650f:2733:9 
REventTarget.prototype.dispatchEvent@http://10.0.3.162:3000/packages/ddp-client.js?250b63e6c919c5383a0511ee4efbf42bb70a650f:173:9 
SockJS.prototype._dispatchMessage@http://10.0.3.162:3000/packages/ddp-client.js?250b63e6c919c5383a0511ee4efbf42bb70a650f:1158:5 
SockJS.prototype._didMessage@http://10.0.3.162:3000/packages/ddp-client.js?250b63e6c919c5383a0511ee4efbf42bb70a650f:1216:13 
SockJS.websocket/that.ws.onmessage@http://10.0.3.162:3000/packages/ddp-client.js?250b63e6c919c5383a0511ee4efbf42bb70a650f:1363:9 

में कुछ लिखकर निम्न त्रुटि संदेश प्राप्त होता है यह मेरा टेम्पलेट कोड है :

template(name="guide_list") 
    .format-properly 
     .container-fluid 
      .input-group#adv-search 
       .form-horizontal(role="form" method="POST" action="#") 
        .col-md-6 
         .form-group 
          label(for="contain") Guide title 
          input.form-control(type="text" id="title") 
        .col-md-6 
         .form-group 
          label(for="contain") Author 
          input.form-control(type="text" name="author") 
        .col-md-6 
         .form-group 
          label(for="hero") Select a hero 
          select.form-control(name="hero") 
           option(value="all" selected) All Heroes 
           option(value="Druid") Druid 
           option(value="Hunter") Hunter 
           option(value="Mage") Mage 
           option(value="Paladin") Paladin 
           option(value="Priest") Priest 
           option(value="Rogue") Rogue 
           option(value="Shaman") Shaman 
           option(value="Warlock") Warlock 
           option(value="Warrior") Warrior 
        .col-md-6 
         .form-group 
          label(for="filter") Filter by 
          select.form-control(name="filterBy") 
           option(value="0" selected) All guides 
           option(value="most_viewed") Most viewed 
           option(value="top_rated") Top rated 
           option(value="most_commented") Most commented 

     .container-fluid 
      .table-responsive 
       table.table.table-hover 
        thead 
         tr 
          th hero 
          th title 
          th author 
          th updated 
          th dust 
          th 
           span.glyphicon.glyphicon-eye-open 
          th 
           span.glyphicon.glyphicon-heart 
          th 
           span.glyphicon.glyphicon-comment 
        tbody 
         each guides 
          tr 
           td {{hero}} 
           td 
            a(href="/guide/{{formatId _id}}") {{title}} 
           td {{authorUsername}} 
           td {{moFormat modifiedAt 'YYYY-MM-DD'}} 
           td {{dust}} 
           td {{hitCount}} 
           td {{rating}} 
           td {{commentCount}} 

        tbody 
         each getGuides 
          tr 
           td {{hero}} 
           td 
            a(href="/guide/{{formatId _id}}") {{title}} 
           td {{authorUsername}} 
           td {{moFormat modifiedAt 'YYYY-MM-DD'}} 
           td {{dust}} 
           td {{hitCount}} 
           td {{rating}} 
           td {{commentCount}} 

किसी भी मदद या सुझाव की अत्यधिक सराहना की जाती है!

संपादित करें: मैं 1.4.2

Answer 1

मुझे विश्वास है कि इस मुद्दे को GuideSearch.search विधि के लिए पारित options का अभाव है करने के लिए search-source पैकेज अद्यतन किया गया।

इससे खोज परिभाषा हैंडलर को null विकल्प के लिए प्राप्त होता है।

SearchSource.defineSource('guides', function(searchText, options) { 
    if(searchText) { 
    var regExp = buildRegExp(searchText); 
    var selector = {title: regExp} 
    return Guides.find(selector, options).fetch(); //illegal 
    } else { 
    return Guides.find({}, options).fetch(); 
    } 
}); 

इस संग्रह के find() विधि एक अशक्त options तर्क हो रही, कि, अगर आपूर्ति की, एक वस्तु (और नहीं null) होना चाहिए का परिणाम है।

इसलिए, या तो डेटा स्रोत में एक अशक्त options के लिए जाँच करें और find() विधि के लिए एक खाली वस्तु (या कुछ भी नहीं) पास, या GuideSearch.search() विधि के लिए एक खाली वस्तु पारित:

Template.guide_list.events({ 
    "keyup #title": _.throttle(function(e) { 
     var text = $(e.target).val().trim(); 
     GuideSearch.search(text, {}); // here 
    }, 200) 
}); 

आप शायद चाहिए सुनिश्चित करें कि options किसी भी मामले में @ webdeb के उत्तर में सर्वर विधि में null नहीं है।

साथ ही, इस समय कुछ पैकेज (check और ejson) के रूप में meteorhacks:search-source पैकेज उन्हें एक निर्भरता की घोषणा के बिना उपयोग करता को अपने ऐप्लिकेशन पर निर्भरता के रूप में जोड़ा जाना है। यह v1.2.0 में पेश किए गए बदलाव के कारण है। (इससे पहले उन प्रतीकों को स्वचालित रूप से संकुल के लिए उपलब्ध थे)।

प्रारंभ में सभी परिणाम उपलब्ध कराने के लिए, आप टेम्पलेट को पहली बार बनाए जाने पर एक खोज को ट्रिगर कर सकते हैं। ध्यान दें कि आपके पास बहुत अधिक डेटा होने पर यह काफी महंगा हो सकता है, इसलिए आपको सर्वर पर खोज परिभाषा हैंडलर से लौटाए गए परिणामों को सीमित करना चाहिए।

Template.guide_list.onCreated(function() { 
    GuideSearch.search('', {}); 
}); 

को खोज परिणामों में सही ढंग से शीर्षक प्रदर्शित करने के लिए आपको इस्तेमाल कर सकते हैं Spacebars.SafeString() ताकि आग एचटीएमएल के रूप में यह रेंडर करने के लिए जानता है।अपने matchText जब ऐसा करने को साफ़ करने में सुनिश्चित हो:

a(href="/guide/{{formatId _id}}") {{{title}}} 

चेतावनी:

Template.guide_list.helpers({ 
    getGuides: function() { 
     return GuideSearch.getData({ 
      transform: function (matchText, regExp) { 
       return Spacebars.SafeString(matchText.replace(regExp, "<b>$&</b>")) 
      } 
     }); 
    }, 
    formatId: function(id) { 
     return id; 
    }, 
    moFormat: function(date, format) { 
     return moment(date).format(format); 
    }, 
    isLoading: function() { 
     return GuideSearch.getStatus().loading; 
    } 
}); 

Template.guide_list.events({ 
    "keyup #title": _.throttle(function(e) { 
     var text = $(e.target).val().trim(); 
     GuideSearch.search(text, {/* your options here */}); 
    }, 200) 
}); 

या वैकल्पिक रूप से, ट्रिपल ब्रेस संकेतन का उपयोग।

प्रकाशनों के परिणामों के साथ कुछ लेना देना नहीं चाहिए, क्योंकि पैकेज अपने संग्रह का उपयोग करता है।

Answer 2

मैं @MasterAM से जवाब के साथ सहमत हैं, लेकिन हल करने के लिए इस समस्या को सिर्फ अपने SearchSource समारोह में रखते:

SearchSource.defineSource('guides', function(searchText, options) { 
    options = options || {}; // to be sure, that options is at least an empty object 
    if(searchText) { 
    var regExp = buildRegExp(searchText); 
    ...