Блог

Итак, я генерирую некоторый HTML, и у меня есть объект, содержащий HTML, называемый html, и я хочу записать это в новый файл, но сейчас он не работает, потому что в моем сохраненном файле есть только NaN. Это то, что у меня есть до сих пор

 import mjml2html from 'mjml'
import Handlebars from 'handlebars'
import fs from 'fs'

const template = Handlebars.compile(`
  <mjml>
  <mj-body>
    <mj-section background-color="#F0F0F0" padding-bottom="0">
      
      <mj-column  padding-left="70px" width="250px">
        
        <mj-text font-style="italic" font-size="22px" color="#626262">watFriends</mj-text>
        
      </mj-column>
      
      <mj-column width="170px"> 
            <mj-image width="30px" src={{logo}} />
        </mj-column>
    </mj-section>
    
    <mj-section background-color="#FAFAFA">
      <mj-column width="400px">
        <mj-text font-style="italic" font-size="15px" font-family="Helvetica Neue" color="#626262">
          Dear {{firstName}},
        </mj-text>
        <mj-text color="#525252">{{message}}
        </mj-text>
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>
    
`)
const context = {
  firstName: '',
  message: 'hello',
  logo: 'logo.png',
}
const mjml = template(context)
const html = mjml2html(mjml)
console.log(html)

fs.writeFile('new.html', html.toString(), { encoding: 'utf8' }, function (err) {
  if (err) {
    return console.log(err)
  }
  console.log('The file was saved!')
})

  

mjml2html возвращает объект, подобный {html: ' ...html here..', json: {}, errors: []} , а toString() этого объекта — строка "[Object object]" , которую вы записываете в файл. Изменить

 const html = mjml2html(mjml)
  

Для

 const {html} = mjml2html(mjml)
  

и все будет хорошо