Question

我正在编写一个凤凰应用程序，我正在尝试使用＆＃39; jquery-validation＆＃39;库。

我使用npm来安装jquery和jquery-validation模块。我已将两者都添加到brunch-config.js

中的npm白名单中

npm: {
    enabled: true,
    // Whitelist the npm deps to be pulled in as front-end assets.
    // All other deps in package.json will be excluded from the bundle.
    whitelist: ["phoenix", "phoenix_html", "jquery", "jquery-validation"],
  }

使用mix Phonix.server启动服务器后，我可以找到连接到app.js文件的两个js文件，并添加了var $ = require（＆＃39; jquery＆＃39;）;到web / static / js / app.js文件，以便我可以访问$。

但是当我打电话时

$("#form").validate({ ... });

在我的web / static / js / app.js中我在浏览器控制台中收到以下错误：

jquery.js:3848 jQuery.Deferred exception: $(...).validate is not a function TypeError: $(...).validate is not a function
    at HTMLDocument.<anonymous> (http://localhost:4000/js/app.js:13017:16)
    at mightThrow (http://localhost:4000/js/app.js:5272:29)
    at process (http://localhost:4000/js/app.js:5340:12) undefined
jQuery.Deferred.exceptionHook @ jquery.js:3848
process @ jquery.js:3644
app.js:24 Uncaught TypeError: $(...).validate is not a function
    at HTMLDocument.<anonymous> (app.js:24)
    at mightThrow (jquery.js:3572)
    at process (jquery.js:3640)

我一直无法找到任何信息，显示如何使用早午餐加载jquery库并在jquery对象上提供方法。

非常感谢任何指导。

Phoenix - 使用早午餐和jquery验证

0 个答案: