Browse with custom Riot tags that specify the type Error

Question

I am trying to use custom Riot tags with a browser.

TypeError: Cannot read property 'render' of null while parsing file: /Users/michaelmostachetti/Google_Drive/dev/web/mike_mostachetti_site/app/views/blog.tag at _html.jade (/Users/michaelmostachetti/Google_Drive/dev/web/mike_mostachetti_site/node_modules/riot/node_modules/riot-compiler/dist/compiler.js:58:26) at compileTemplate (/Users/michaelmostachetti/Google_Drive/dev/web/mike_mostachetti_site/node_modules/riot/node_modules/riot-compiler/dist/compiler.js:692:10) at Object.compile (/Users/michaelmostachetti/Google_Drive/dev/web/mike_mostachetti_site/node_modules/riot/node_modules/riot-compiler/dist/compiler.js:717:11) at Stream.<anonymous> (/Users/michaelmostachetti/Google_Drive/dev/web/mike_mostachetti_site/node_modules/riotify/index.js:16:58) at _end (/Users/michaelmostachetti/Google_Drive/dev/web/mike_mostachetti_site/node_modules/riotify/node_modules/through/index.js:65:9) at Stream.stream.end (/Users/michaelmostachetti/Google_Drive/dev/web/mike_mostachetti_site/node_modules/riotify/node_modules/through/index.js:74:5) at DestroyableTransform.onend (/Users/michaelmostachetti/npm-global/lib/node_modules/browserify/node_modules/readable-stream/lib/_stream_readable.js:545:10) at DestroyableTransform.g (events.js:260:16) at emitNone (events.js:72:20) at DestroyableTransform.emit (events.js:166:7) 

Here is my package.json

 "browserify": { "transform": [ [ "riotify", { "template": "jade" } ] ] } 

Here is my index.js.

 var riot = require('riot'), blogView = require('./views/blog.tag'); riot.mount(blogView); 

I am just confused by the error and what is going wrong. I can compile jade in html without any problems. Here is an example in the docs. https://github.com/jhthorsen/riotify#usage

Answer 1

Perhaps this is due to the fact that the jade dependency is not installed. I just checked the stack trace of this error and pointed to this line:

 return _req('jade').render(html, extend({ 

So try adding jade and starting it again.