npm 安装后设置 jQuery

Question

我正在从命令提示符运行npm install jquery --save-dev来为我的项目安装 jquery。 但是当我从我的 javascript 文件中使用 jquery 时，它总是返回错误：'$ is not defined'。 我正在遵循https://jquery.com/download/的安装说明。 但如果我从 chrome 控制台运行$它工作正常。

我想知道我是不是错过了 package.json 文件中的一些重要设置？

Answer 1

这通常表示未加载 jQuery 并且 JavaScript 无法识别$ 。 您是否尝试在您自己的机器上本地运行此代码？ 如果是这样，您需要在 script.js 之前添加一个 script 标签并从 CDN 加载 jQuery：

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

关于 javascript 文件，您正在询问然后您可以根据您的框架语法添加以下行之一，以从已安装的 npm 包中创建对$的引用。

import $ from "jquery";

或者

var $ = require("jquery");

你也可以参考官方包文档https://www.npmjs.com/package/jquery

希望这会帮助你！

Answer 2

您需要指向node_modules的 jQuery 文件，然后是 dist。

Answer 3

并将此代码添加到您的 HTML 文件中

<script type='module' src='./fileLocation'></script>