时间戳

首页 > 解决方案 > 如何将javascript添加到车把模板文件？

javascript - 如何将javascript添加到车把模板文件？

问题描述

尝试的解决方案：

<body>
<h1>Attempted solution</h1>
<canvas id="canvas"></canvas>
<script src="gamecanvas.js"></script>
</body>

工作，但如果可以避免的话，我不想在 .hbs 文件中编码：

<body>
<h1>Working solution</h1>
<canvas id="canvas"></canvas>
<script>
var c = document.getElementById("canvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.arc(100, 75, 50, 0, 2 * Math.PI);
ctx.stroke();</script>
</body>

唯一的区别是我将 gamecanvas.js 中的所有内容都移到了脚本标签中。在车把内运行 javascript 的正确方法是什么？似乎以与我在普通 html 中相同的方式引用脚本不起作用。

（这是一个人为的简短示例，我实际的 gamecanvas.js 更大）

编辑：在前端浏览器控制台中注意到，它是这样说的： GET http://localhost:3000/gamecanvas.js net::ERR_ABORTED 404 (Not Found)

标签： javascripthtmlhandlebars.js

解决方案

推荐阅读