mjml: mjml2html is not a function

When trying out MJML4 with the node example provided

import { mjml2html } from 'mjml'

/*
  Compile an mjml string
*/
const htmlOutput = mjml2html(`
  <mjml>
    <mj-body>
      <mj-section>
        <mj-column>
          <mj-text>
            Hello World!
          </mj-text>
        </mj-column>
      </mj-section>
    </mj-body>
  </mjml>
`)

/*
  Print the responsive HTML generated and MJML errors if any
*/
console.log(htmlOutput)

I get the following message:

const htmlOutput = mjml_1.mjml2html(`
TypeError: mjml_1.mjml2html is not a function

Is the naming changed?

About this issue

Original URL
State: closed
Created 6 years ago
Comments: 16 (5 by maintainers)

Most upvoted comments

Sorry my fault indeed. It was part of a typescript project so I had to do

import * as mjml2html from 'mjml'

+10

ruudboon on Jan 25, 2018

I also had this issue, and I found this solution.

import mjml2html = require('mjml');

It works very well with typescript!

wanoo21 on Sep 5, 2018

I resolved the issue by importing it like this: import mjml2html from 'mjml';, and I added the esModuleInterop: true property to the ts.config.json file.

AlexAntonyan on Oct 2, 2023

how would this work with gulp-mjml ?

timc13 on Feb 20, 2018

import * as mjml2html from 'mjml' worked for my typescript project 😃 Thank you @ruudboon

It worked but I didn’t have any type support in Webstorm using this method

notflip on Dec 31, 2021

@ruudboon can you try just replacing

import { mjml2html } from 'mjml'

import mjml2html from 'mjml'

I tried and it works fine

ngarnier on Jan 22, 2018