我有一个使用 jQuery 的 example.js 文件。我已经使用 npm install jquery 安装了 jQuery 并将其插入到 html 文件中，如下所示:
<head>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script src="example.js"></script>
</head>
example.js 看起来像这样:
import $ from "jquery";
$(function() {
alert(1);
});
我期待一条警报消息显示 jQuery 已正确添加，但是什么也没有发生。当我执行以下操作时:
<head>
//
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script>
$(function() {
alert(1);
});
</script>
//
</head>
它有效。我不确定为什么当我做同样的事情但使用 .js 文件中的代码时它不起作用。如有任何帮助，我们将不胜感激!
最佳答案
在浏览器中，import仅当导入脚本为 type=module 时才有效当导入的脚本被编写为 JavaScript 模块时。由于您的脚本不是这样的，您将看到一条关于 import 的错误消息如果您在浏览器的开发人员工具中查看控制台，则不受支持。
学习使用开发人员工具，尤其是“控制台”和“网络”选项卡，它们是浏览器提供的最有值(value)的工具之一，可帮助您找出代码无法按预期方式运行的原因。
如果您使用import ，然后使用它而不是使用 <script> 加载脚本元素(并且取决于全局变量而不是指定的导入)。
当您使用它时，您导入的字符串必须是 JS 文件的 URL或an import map 描述的关键字。 .
使用 npm 安装模块主要供 Node.js 使用，不供 Web 浏览器使用。可以通过 Web 浏览器使用 npm 中的某些模块，但您需要一种方法从安装它们的 node_modules 目录中获取正确文件，并提供 URL浏览器可以访问它们。通常使用 Webpack 或 Parcel 等工具将模块(使用 Node.js 文件解析)转换为 bundle 以在浏览器中加载。
关于javascript - jQuery 未正确添加到 html 页面上，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/75903309/