css not applied

I tried to apply css as stated here but no style appears in the head after rendering. Here’s how I am trying to it.

.js file

const viewsDir = `${__dirname}/Views`;
const template = new EmailTemplates({
    views: {
        root: viewsDir,
        options: {
                    extension: 'ejs',
               },
         },
          juice: true,
           juiceResources: {
           preserveImportant: true,
           webResources: {
                     relativeTo: path.resolve(viewsDir),
            }
    }
});

In the .ejs file, I have added: <link rel="stylesheet" href="/style.css" data-inline="data-inline"> to the head tag.

[niftylettuce]

Perhaps set const dir = path.resolve(viewsDir) and then console.log('dir', dir); to make sure that the path to the viewsDir is correct. Sometimes it is different based off what directory you start the process from.

[vikkio88]

I know that I am like 1 year and a half late to the party, but I had this error and I fixed it.

seems like you nested this

juice: true,
juiceResources: {
  preserveImportant: true,
  webResources: {
    relativeTo: path.resolve(viewsDir),
  }
}

under views

Instead on the example code on the docs is on the root object. This might have been the error.