Question

我的组件加载正常，但样式没有加载，事件也没有开始。我正在关注文档，并没有抛出错误，但似乎我可能会遗漏一些基本的东西吗？

查看使用res.marko呈现的模板：

import Explanation from "./components/explanation.marko";
<!DOCTYPE html>
<html lang="en">
<head>
  ...
</head>
<body>
  ...
  <include(Explanation, input.explanation) />
  ...
</body>
</html>

explanation.marko file：

class {
  onExplanationClick() {
    console.log("Explanation clicked");
  }
}

style {
  .explanation-paragraph {
    color: red;
  }
}

<div id="explanation" on-click('onExplanationClick')>
  <for (paragraph in input.content)>
    <p class="explanation-paragraph">${paragraph}</p>
  </for>
</div>

服务器端：

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。

Answer 1

您需要集成模块捆绑器/资产管道。在示例marko-express应用中，我们使用Lasso（资产管道+ JavaScript模块捆绑器）。

还有另一个集成了Webpack的示例应用程序：https://github.com/marko-js-samples/marko-webpack

Marko团队同时支持Lasso和Webpack，但我们推荐使用Lasso，因为它更简单，只需要最少的配置。

请查看NSPersistentContainer应用，如果您遇到问题，请随时在我们的Gitter聊天室中提问：https://gitter.im/marko-js/marko

样式和事件在marko模板中不起作用

1 个答案: