javascript - 在客户端编译时，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的字符串吗？