ENOENT: no such file or directory when passing local data using include #33

neginbasiri · 2017-10-30T23:21:05Z

Hi all
I try to pass local data using include but getting error.

I confirm that this works
<%- include ../../components/content.blocks/two.column.content.ejs %>

However when I pass some local data along with include as bellow I get error

<%- include('../../components/content.blocks/two.column.content.ejs', {content: content}); %>

However I got error
ENOENT: no such file or directory, open 'C:\Projects\Nephele\src\UI\src\templates\layouts\avalon('..\components\content.blocks\two.column.content.ejs', {content: content});'

More Detail Code:

page.templates.js

const pages = [
    {
        title: 'Fleets',
        template: 'templates/pages/avalon/fleets.ejs',
        filename: 'fleets.html',
        inject: 'body',
        data: require('../templates/data/avalon/fleets.json')
    }
];

const pageTemplates = pages.map(page => new HtmlWebpackPlugin(page));

module.exports = pageTemplates;

webpack.config.js

const pageTemplates = require('./page.templates.avalon.js');
const webpack = require('webpack');
let config = require('../../webpack.config.js');

// Set entry point
config.entry.app = './scripts/brands/avalon.js';

// Load in page templates
config.plugins.push(...pageTemplates);

module.exports = config;

fleets.ejs

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title><%= htmlWebpackPlugin.options.title %></title>
        <meta name="viewport" content="width=device-width, initial-scale=1">

     
</head>

<body>
    <%- include src/templates/layouts/avalon/fleets.layout.ejs %>
</body>

</html>

Fleet.layout.ejs

<% 
var data = htmlWebpackPlugin.options.data;
if (data) {  %>
<!-- Header -->
<%- include ../../components/avalon/header/header.ejs %>
    <div class="page-mask">
        <%- include ../../components/hero.image/hero.image.ejs %>
        <%- include ../../components/content.blocks/one.column.content.ejs %>
        <%- include ../../components/content.blocks/image.row.content.ejs %>
        <% if(data.twoColumnContent[0]){ 
            var content = data.twoColumnContent[0]; %>
            <%- include("../../components/content.blocks/two.column.content.ejs", {content: content}); %>
        <%}%>
       
        <%- include ../../components/content.blocks/title.button.content.ejs %>
        <%- include ../../components/footer/footer.ejs %>
    </div>
<%}%>

The text was updated successfully, but these errors were encountered:

relaxgo · 2017-11-10T05:22:46Z

I had same issue, because it install 1.x without version. you can reinstall it by yarn add ejs-compiled-loader@2.x or npm install ejs-compiled-loader@2.x. May be you need remove old first.

When you include child template with data by webpack, you may still have trouble. I got error that can't find include function. You can try <%- require('content.ejs')({ content: content })%>

neginbasiri · 2017-11-16T23:55:37Z

@relaxgo Thanks for response. I can use local data now! You saved a lot of my time. The only issue I have now is webpack doesn't rebuild on ejs file changes. Any solution for that?

suyi91 · 2018-04-08T07:29:34Z

@relaxgo having the same issue for several days. Thanks for your solution, it works great!

WeiFei365 mentioned this issue May 13, 2019

Which situation will cause the templateParameters is not used jantimon/html-webpack-plugin#1210

Closed

bazilio91 added the take-a-look label Apr 9, 2020

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

ENOENT: no such file or directory when passing local data using include #33

ENOENT: no such file or directory when passing local data using include #33

neginbasiri commented Oct 30, 2017 •

edited

relaxgo commented Nov 10, 2017

neginbasiri commented Nov 16, 2017 •

edited

suyi91 commented Apr 8, 2018

ENOENT: no such file or directory when passing local data using include #33

ENOENT: no such file or directory when passing local data using include #33

Comments

neginbasiri commented Oct 30, 2017 • edited

relaxgo commented Nov 10, 2017

neginbasiri commented Nov 16, 2017 • edited

suyi91 commented Apr 8, 2018

neginbasiri commented Oct 30, 2017 •

edited

neginbasiri commented Nov 16, 2017 •

edited