在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
。
我错过了什么?文件是松散的,没有提供有关这一点的线索。
看来是路径问题。我不得不这样设置:
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
。您可以包括上面这样的内容