Javascript ReferenceError:$未定义[jQuery或Bootstrap]_Javascript_Html_Jquery_Node.js

Javascript ReferenceError:$未定义[jQuery或Bootstrap]

javascript html jquery node.js

Javascript ReferenceError:$未定义[jQuery或Bootstrap],javascript,html,jquery,node.js,Javascript,Html,Jquery,Node.js,嗨。我得到了上面的错误。OrganizationIn/orgcration.js:2:ReferenceError:$未定义。我相信这与jQuery或Bootstrap有关，因为我遵循的教程告诉我如何安装这些插件下面是orgcreation.js中的全部代码： $('#orgButton').click(() => { mp.trigger('orgCreation', $('#orgName').val(), $('#orgAbb').val()); }); 它似乎无法识别“

嗨。我得到了上面的错误。OrganizationIn/orgcration.js:2:ReferenceError:$未定义。我相信这与jQuery或Bootstrap有关，因为我遵循的教程告诉我如何安装这些插件

下面是orgcreation.js中的全部代码：

$('#orgButton').click(() => {
    mp.trigger('orgCreation', $('#orgName').val(), $('#orgAbb').val());
});

它似乎无法识别“$”符号。我不明白为什么，因为我已经安装了jQuery和Bootstrap。这是我的“节点模块”文件夹：

有什么想法可能是错误的吗？“组织”文件夹如下所示：

“Dependences”文件夹按如下方式显示：

触发事件的html.html代码只有以下代码：

<!DOCTYPE html>
<html>
    <head><link rel="stylesheet" href="common.css"></head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <body>
        <div class="org-bar">
            <h1 style="font-size:20px;">Criar Organização</h2>
            <form id="orgCreation" action="welcome.php" method="post"></form>>
                <label for="orgName"></label>
                <input class="textInput" type="text" id="orgName" name="orgName" placeholder="Nome da Organização [5-20]" minlength="5" maxlength="20">
                <label for="orgAbb"></label>
                <input class="textInput" type="text" id="orgAbb" name="orgAbb" placeholder="Abreviatura da Organização [3-4]" minlength="3" maxlength="4">
                <input class="button" type="button" id="orgButton" value="Criar">
                </div>
            </form>
        </div>
            <script src="orgcreation.js" type="text/javascript"></script>
    </body>
</html>

我不明白怎么了。有没有关于“$”为什么不被认可的想法

@编辑我将更改为以下内容，但仍然会出现相同的错误：

<head>
        <link rel="stylesheet" href="common.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    </head>

使用npm安装模块会将其放入node_modules文件夹中，并使其可供node.js程序使用

您没有Node.js程序。您正在运行嵌入在web浏览器中运行的HTML文档中的代码JS

您需要使用元素加载jQuery

您似乎没有在HTML文件中使用jQuery。您还必须将jQuery作为ressource包含在HTML中：这是否回答了您的问题？你好我添加了html，但同样的错误不断出现。我接着说：