TypeError: Cannot read property 'select' of undefined

[doonetheprune]

Hi

I am doing the following as per your example however I am getting the following error. I am using webpack

   var mermaid = require('mermaid').mermaidAPI;

   mermaid.initialize({
      startOnLoad:false
   });

   var cb = function(html){
      console.log(html);
   }

   mermaid.render('frogs',graphDefinition,cb);

 TypeError: Cannot read property 'select' of undefined
     at SVGGElement.<anonymous> (create-edge-labels.js:22)
     at d3.js:962
     at d3_selection_each (d3.js:968)
     at Array.d3_selectionPrototype.each (d3.js:961)
     at createEdgeLabels (create-edge-labels.js:20)
     at fn (render.js:24)
     at Object.exports.draw (flowRenderer.js:411)
     at render (mermaidAPI.js:401)
     at Object.exports.render (mermaidAPI.js:493)

[tylerlong]

Please reference https://github.com/mermaidjs/mermaid-parcel-demo/blob/master/index.js

[doonetheprune]

Have you got any more information?

[tylerlong]

As the code sample shown, you can use it like this:

import mermaid from 'mermaid'

mermaid.initialize({
  theme: 'forest'
})

[tylerlong]

Here is a demo for webpack: https://github.com/mermaidjs/mermaid-webpack-demo