Riot.js には, yield という定義済みのタグに HTML を挿入する便利な機能があります. ただこの yield というキーワード, 色々な言語で様々な用途として使われていて漏れ無く jade にも同じキーワードで違う機能として定義されちゃっています. なので Jade でタグ定義する際に yield を使うと, Riot.js ではなく Jade のほうの yield として認識され上手く動きません. 今回はその解決方法を紹介したいと思います. 解決方法 下記のように書き換えるだけです. yield Text Text Text Text ↓ #{'yield'} Text Text Text Text サンプル ちゃんと yield 部分が展開されているのが分かるかと思います.
![phiary](https://cdn-ak-scissors.b.st-hatena.com/image/square/9007a93e2520da98125f12384b4829d7b6cc6f40/height=288;version=1;width=512/https%3A%2F%2Fwww.evernote.com%2Fl%2FAOJhpzps-0tMX4bFXiQSl1w1I29QRMFr8H0B%2Fimage.png)