Phoenix框架- jQuery连接

ibps3vxo 于 2022-11-22 发布在 jQuery

关注(0)|答案(2)|浏览(105)

我在Phoenix Framework上的jquery连接到我的项目时遇到问题。我已经通过npm安装安装了jQuery
npm i查询
我将import添加到app.js。

import $ from 'jquery'

我在package.json的依赖项

"jquery": "^3.4.1",
"phoenix": "file:../deps/phoenix",
"phoenix_html": "file:../deps/phoenix_html"

但在控制台中出现错误
未捕获引用错误：$未定义
我的js

<script>
    $("#login-btn").click(function(){
        console.log("Sign in button pressed");
    });
</script>

求你了帮帮我

2条答案

您需要将此行添加到assets/webpack.config.js

const webpack = require('webpack');

plugins: [
  new webpack.ProvidePlugin({
    $: "jquery",
    jQuery: "jquery"
  })
]

和资产/js/app. js

import $ from 'jquery'
window.jQuery = $
window.$ = $

当你导入jQuery时，它只在那个模块中可用，它不会自动在window对象上设置，而window对象是在script标签中搜索它的地方。
我不确定这是否是一个好的做法，但在你的具体情况下，你可以尝试这样做：

import {$, jQuery} from 'jquery';

window.$ = $;
window.jQuery = jQuery;