Express 样式和事件在marko模板中不起作用
我的组件正在加载,但是样式没有加载,事件也没有触发。我正在遵循文档,没有抛出任何错误,但似乎我在这里遗漏了一些基本的东西 使用Express 样式和事件在marko模板中不起作用,express,marko,Express,Marko,我的组件正在加载,但是样式没有加载,事件也没有触发。我正在遵循文档,没有抛出任何错误,但似乎我在这里遗漏了一些基本的东西 使用res.marko呈现的视图模板: import Explanation from "./components/explanation.marko"; <!DOCTYPE html> <html lang="en"> <head> ... </head> <body> ... <include(
res.marko
呈现的视图模板:
import Explanation from "./components/explanation.marko";
<!DOCTYPE html>
<html lang="en">
<head>
...
</head>
<body>
...
<include(Explanation, input.explanation) />
...
</body>
</html>
服务器端:
app.get("/explanation/:id", async function(req, res) {
var explanation = await findExplanation(req.params.id);
var template = require("../../views/explanation/explanation.marko");
res.marko(template, { explanation, user: req.user });
});
还需要使用marko/node require和marko/express。您需要集成模块绑定器/资产管道。在我们使用的示例应用程序中(资产管道+JavaScript模块绑定器) 还有另一个集成Webpack的示例应用程序: Marko团队同时支持Lasso和Webpack,但我们推荐Lasso,因为它更简单,只需要最少的配置
请查看
marko express
应用程序,如果您遇到问题,请随时在我们的Gitter聊天室提问:FYI,您不需要显式导入解释
组件。您可以删除import
语句,只需执行以下操作:谢谢,我还没有意识到这需要套索,也谢谢gitter链接,只链接答案真的没有帮助。不确定为什么这被接受为答案。@Hybridwebdev这不仅仅是一个链接,这个答案指出了我缺少的东西(模块绑定器),并直接解决了我遇到的问题。该链接指向一些示例代码,对我的帮助更大。这很有帮助,这就是我接受它的原因。
app.get("/explanation/:id", async function(req, res) {
var explanation = await findExplanation(req.params.id);
var template = require("../../views/explanation/explanation.marko");
res.marko(template, { explanation, user: req.user });
});