Mon composant se charge correctement, mais les styles ne se chargent pas et les événements ne se déclenchent pas. Je suis la documentation et aucune erreur n'est lancée mais il semble que je puisse manquer quelque chose de fondamental ici?Styles et événements ne fonctionnant pas dans le modèle marko
Voir modèle rendu avec 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>
côté serveur:
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 });
});
également en utilisant marko/nœud et nécessitent marko/express.
Pour votre information, vous n'avez pas besoin d'importer explicitement le composant 'Explanation'. Vous pouvez supprimer la déclaration 'import' et juste faire ce qui suit: –