Handlebars.js: 오류: 알 수 없는 템플릿 개체: .template()과 함께 미리 컴파일된 템플릿을 사용할 때 문자열

precompiler 메서드는 템플릿을 직렬화하기 위한 것이며 template 메서드는 클라이언트에서 템플릿을 복원하는 데 사용됩니다. 동일한 프로세스에서 템플릿을 평가하려는 경우 Handlebars.compile 직접 사용해야 합니다.

답변 해주셔서 감사합니다. 서버 측에서 핸들바만 사용하는 경우 컴파일되지 않은 부분 문자열 registerPartial() 메서드에 전달할 수 있기 때문에 문서는 클라이언트 측에서 핸들바를 사용하는 데 더 적합합니다.

저는 템플릿을 미리 컴파일(그리고 새 컨텍스트로 다시 렌더링해야 하는 경우 클라이언트에 전달)하고 HTML로 렌더링(눈에 띄지 않는 깜박임/ 클라이언트 지연 + SEO 개선). precompile 및 compile 별도로 호출하거나 직렬화된 사전 컴파일러 출력을 eval 하는 것 같습니다. 이러한 접근 방식 중 어느 것도 매우 우아하게 느껴지지 않습니다. 그래서 제가 뭔가를 놓치고 있습니까? 아니면 제 응용 프로그램이 이상한가요? (BTW, 이 응용 프로그램은 Java로 작성되었지만 템플릿 부분에 내장된 [Rhino/Nashorn] JavaScript 엔진을 사용합니다. 문제가 되지 않기를 바랍니다.)

다른 사람이 프리컴파일 에 대한

var templateSources = {
    hi: "Hi, {{name}}.",
    bye: "Goodbye, {{name}}."
};
var compiledTemplates = {};
var serializedTemplates = {};
var deserializedTemplates = {};

Object.keys(templateSources).forEach(function(name) {
    // Use compile method to generate actual executable template (function)
    compiledTemplates[name] = Handlebars.compile(templateSources[name]);
    // Use precompile method to generate serialized JS (string)
    serializedTemplates[name] = Handlebars.precompile(templateSources[name]);
    // If we really want, we can deserialize these 
    deserializedTemplates[name] = Handlebars.template(evalPrecompiledTemplate(serializedTemplates[name]));
});

// (Yes, I know eval is dangerous)
function evalPrecompiledTemplate(s) {
    return eval("(function(){return " + s + "}());");
}

// Quick demonstration that these template functions work the same
var context = {
    name: "John Smith"
};

// Output: 
// Rendering template named hi with context: Object {name: "John Smith"}
// Hi, John Smith.(compiled)
// Hi, John Smith.(precompiled/deserialized)
// Rendering template named bye with context: Object {name: "John Smith"}
// Goodbye, John Smith.(compiled)
// Goodbye, John Smith.(precompiled/deserialized)
Object.keys(templateSources).forEach(function(name) {
  console.log("Rendering template named " + name + " with context:", context);
  console.log(compiledTemplates[name](context) + "(compiled)");
  console.log(deserializedTemplates[name](context) + "(precompiled/deserialized)");
});

@jacobq 컴파일 및 사전 컴파일을 호출하고 싶을 것입니다. 둘에 대해 생성된 코드는 매우 다르며 toString 또는 이와 유사한 것을 시도하는 것이 컴파일 출력 등에서 작동한다고 가정하지 않습니다.