在客户端上编译时，Handlebars Uncaught [object Object]错误

Question

今天遇到了这个问题，并不能解决它。我有html模板 -

<script type="text/template" id="usersettings">
<div class="page-header">
  <h3></h3>
</div>
</script>

尝试编译并将代码附加到文档时

var torender = $('#usersettings').html();
var source = Handlebars.compile(torender);
var html = source();
$('#contant').html(html);

从控制台

收到此错误

Uncaught [object Object] handlebars.min.js:25
Handlebars.compile handlebars.min.js:25
Backbone.Router.extend.Settings routes.js:56
(anonymous function) backbone.js:1247
(anonymous function) backbone.js:1452
j.some.j.any underscore.js:208
h.extend.loadUrl backbone.js:1450
h.extend.start backbone.js:1416
(anonymous function)

有趣的是，如果我尝试直接从控制台执行此操作，一切正常。

Answer 1

确保在尝试访问模板时加载了DOM。 尝试检查此代码：

var torender = $('#usersettings').html();

你确定“torender”实际上是一个带有模板html的字符串吗？