未捕獲的TypeError：無法調用null的方法'replace'

Question

如果我在Chrome JS控制台上鍵入“_.template（$（'#pranks-list'）。html（））”它也能正常工作

>> _.template($('#pranks-list').html())
function (a){return e.call(this,a,b)}

app.js //觀點

window.PranksListView = Backbone.View.extend({

    template: _.template($('#pranks-list').html())
});

的index.html

  <script type="text/html" id="pranks-list">
    <li><a href='#pranks/<%= id %>'><%= name %></a></li>
  </script>

  </body>

為什么我在這行上出現這個錯誤？

template: _.template($('#pranks-list').html())

Answer 1

在沒有看到整個代碼的情況下很難分辨，但是您可能在創建dom並且節點在那之前嘗試運行_.template($('#pranks-list').html()) 。 通常，在准備好模板變量時，在渲染時渲染模板是一種很好的做法：

_.template($('#pranks-list').html(), {id: 'foo', name: 'bar'});