1

コンポーネントは正常に読み込まれますが、スタイルが読み込まれず、イベントも発生しません。私はドキュメントに従っていますが、エラーはスローされていませんが、ここで何か基本的なことが欠けているようです?

でレンダリングされたビュー テンプレート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 を使用します。

4

1 に答える 1