html 中的 js 未在 Phoenix 框架示例应用程序中执行

Question

我正在玩弄凤凰框架。我完全复制了聊天示例，但没有得到任何结果。

事实上，当我在 app.js 中写入 console.log("testing") 时，我注意到我的控制台没有记录任何内容...

我收到此 link 中引用的错误：

phoenix framework - invalid argument at new Socket - windows

然而，该错误似乎与早午餐在 windows 中不起作用有关。当我早午餐构建时，我可以确认 app.js 有我包含的 console.log("testing")。

然而，当我访问 localhost:4000 时，我没有看到该控制台日志。

为什么JS不执行？

Answer 1

原来指南缺少关键行，导致它无法正常工作。

指南内容如下：

    <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
    <script src="<%= static_path(@conn, "/js/app.js") %>"></script>
</body>

但是缺少可以放在 body 标签上方的下面一行。

<script>require("web/static/js/app")</script>

Answer 2

即使 Chowza 已经解决了这个问题，我也想提出另一个可能更简洁的解决方案，使用 Brunch.io 的 autoRequire 功能。

出现问题是因为 Brunch.io 没有正确地自动要求 Windows 下的 app.js。 Chowza 通过在 html 中手动要求文件解决了这个问题。你可以省略手册 require 如果你改变 /brunch-config.js 如下： Change from

modules: {
  autoRequire: {
    "js/app.js": ["web/static/js/app"]
  }
}

到

modules: {
  autoRequire: {
    "js/app.js": ["web/static/js/app"],
    "js\app.js": ["web/static/js/app"]
  }
}

这样 app.js 是自动必需的，即使您在基于 Windows 的系统上工作也是如此。

我想提一下，这个解决方案是基于 link Chowza 自己发布的，所以所有功劳都归功于他指向 link。

js in html is not executing in Phoenix framework sample app