javascriptを使用してtwigテンプレートをレンダリングする

Question

私は運が一切ないJavaScriptでレンダリングする小枝テンプレートを取得しようとしています。コンソールにエラーが表示されず、テンプレートがレンダリングされません。

私は間違っていますか？

コード：

import Twig from 'twig'; 

fetch(videos).then(res => res.json()) 
    .then(data => { 
    data.items.forEach(item => { 
     Twig.renderFile('./themes/mytheme/views/components/thumbnail.twig', {item:'item'}, (err, html) => { 
      html; 
     }); 
    }); 

Answer 1

私はどこにTwig（バックエンドやフロントエンド）を使用しないのでわかりませんが、私はあなたの問題はあなたがtwig fileをコンパイルして、いくつかの要素にコンパイル結果を置くしようとしていると思います。私はあなたに答える前にtwig自分自身を使用してみてください、それはTwig.renderingのようにレンダリングする方法ではないようです。テンプレートファイルのコンパイル方法です。したがって、renderFileスコープ内のhtmlスコープはコンパイルされた結果です。あなたは何とか要素に入れなければなりません。 htmlは文字列であるため、html;は何も行いません。

実際には、console.log(html)を使用して結果を確認できます。 （これはhtml文字列になります）。

htmlを使用する方法をスコープに追加するだけです。その後、それは動作するはずです。

あなたは私あなたのレンダリング方法を示すことができるあなたのrenderFile

document.getElementById('container').innerHTML = html