javascript - Handlebars - 在客户端使用 Handlebars

Question

我采用了一个带有 Handlebars 的项目，但遇到了让 handlebars 在客户端呈现模板的问题。

基本上，目前的设置方式是模板在服务器端呈现。我现在正处于需要能够使用以下方法在 AJAX 响应中调用 Handlebars 以引用 Handlebars 模板的阶段:

<script id="ajax-comment" type="text/x-handlebars-template">
  <li>
    <p>{{{comment}}}</p>
  </li>
</script>

我了解该方法的工作原理，但我遇到的问题实际上是在我的一个 javascript 模块中让 handlebars 函数在客户端工作。这是我正在尝试的:

var Handlebars = require('handlebars');
console.log(Handlebars); 

每当我尝试这个时我得到的错误是:

Error: Can't resolve 'fs' in ...\node_modules\handlebars\lib'

FS 显然在客户端不可用，因此为什么它不起作用，但在阅读了有关 Handlebars 的各种文档后，这似乎是您应该这样做的方式。我不完全确定为什么会收到此错误，我不确定这是否是 webpack 的问题。 Handlebars 正在通过 gulp-hb 调用，所以不确定这是否也是问题所在。

任何关于为什么会发生这种情况的帮助将不胜感激!很高兴提供任何也可以帮助调试它的配置文件。

Answer 1

一个例子

 function onInitFs(fs) {
      console.log('Opened file system: ' + fs.name);
    }

    window.requestFileSystem(window.TEMPORARY, 5*1024*1024 /*5MB*/, onInitFs, errorHandler);

您可以使用 html5 fs api 试试这个 https://www.html5rocks.com/en/tutorials/file/filesystem/