提问者:小点点

EJS噩梦-不能包含外部视图


在EJS中包含外部文件似乎从来没有一种简单的方法。

我的项目结构是这样的。如此简单却让人心痛:

/lib/ejs-template.ejs

/views/home.ejs
/views/header.ejs

home.ejs内部,我必须包含header.ejs。我很幸运地遵循了他们的文档:https://ejs.co/#docs并以这种方式包含文件,因为“include相对于包含调用的模板”,

<%- include("header") %>

ejs-template.ejs中,我像这样编译模板:

module.exports = (target, vars = {})=>{
    return Ejs.compile( Fs.readFileSync(`${__dirname}/../views/${target}.ejs`, {encoding: 'utf-8'}), {
        views: [ Path.resolve('../views') ],
    })(vars)
}

但我却犯了这个错误!

Error: ejs:38
    36| <body>
    37|
 >> 38| <%- include("header") %>
    39|
    40| <main class="container">
    41|     <h4>Some stuff</h4>

Could not find the include file "header"
    at getIncludePath ([redacted]\server\node_modules\ejs\lib\ejs.js:183:13)
    at includeFile ([redacted]\server\node_modules\ejs\lib\ejs.js:309:19)
    at include ([redacted]\server\node_modules\ejs\lib\ejs.js:690:16)
    at eval (eval at compile ([redacted]\server\node_modules\ejs\lib\ejs.js:662:12), <anonymous>:12:17)
    at anonymous ([redacted]\server\node_modules\ejs\lib\ejs.js:692:17)
    at module.exports ([redacted]\server\util\ejs-template.js:13:7)
    at [redacted]\server\route\site.js:13:18
    at Layer.handle [as handle_request] ([redacted]\server\node_modules\express\lib\router\layer.js:95:5)
    at next ([redacted]\server\node_modules\express\lib\router\route.js:137:13)
    at module.exports ([redacted]\server\middleware\isLoggedIn.js:8:9) {
  path: ''
}

我已经在编译选项中设置了视图路径。我试过有路/无路。我还尝试在相同的视图路径上设置root

我错过了什么?文件是松散的,没有提供有关这一点的线索。


共2个答案

匿名用户

看来是路径问题。我不得不这样设置:

views: [ Path.resolve(__dirname, '../views') ],

欢迎https://github.com/mde/ejs/issues/594#issuecomment-812518617

匿名用户

据我所知,您面临的问题是在主视图文件中包含页眉部分。我使用了下面的代码。

<body>
    <%- include("header"}) %>
    <h1><%= title %></h1>
    <p>Welcome to <%= title %></p>
    <button>Button</button>
</body>

上面的脚本是home.ejs,您可以创建header.ejs。您可以包括上面这样的内容