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 });
});