Not converted text/ractive to HTML

Question

Why not converted text/ractive to HTML.

This is result in browser:

This is code in page which include template:

This is the template:

This is error in console:

This if instance using the template:

Answer 1

It's a template. You need to load Ractive in the browser and create a new instance using the template:

var ractive = new Ractive({
  el: '#your-target-element',
  template: '#step-1',
  data: yourData
});