Javascript 为什么我一直得到$(…)。scrollSpy未定义?

Javascript 为什么我一直得到$(…)。scrollSpy未定义?,javascript,jquery,bootstrap-4,scrollspy,Javascript,Jquery,Bootstrap 4,Scrollspy,我正在使用bootstrap 4.3.1 popper 1.10.1和jquery 3.4.1 按…的顺序装载 波普尔 jquery 引导 但是将data spy=“scroll”与目标结合使用不起作用,并且自己调用scrollSpy函数会产生错误: TypeError:$(…)。scrollSpy不是一个函数 我尝试使用该数据属性以及手动功能。我尝试交换引导和jquery函数,加载错误,粘贴twitter引导中的scrollSpy代码(没有任何作用) 注意:它们都在html文件的后面,因为我使

我正在使用bootstrap 4.3.1 popper 1.10.1和jquery 3.4.1

按…的顺序装载 波普尔 jquery 引导

但是将data spy=“scroll”与目标结合使用不起作用,并且自己调用scrollSpy函数会产生错误:
TypeError:$(…)。scrollSpy不是一个函数

我尝试使用该数据属性以及手动功能。我尝试交换引导和jquery函数,加载错误,粘贴twitter引导中的scrollSpy代码(没有任何作用)

注意:它们都在html文件的后面,因为我使用的是TurboLink

在下图中,您可以看到jquery没有被覆盖,并且加载顺序非常正确。js由少量的js组成,因此它不会在那里重新加载jquery或类似的东西


引导有两个依赖项:jQuery 1.9.1和popper.js 1.12.3。安装引导程序时,需要安装这两个依赖项

角度:

安装popper.js
npm安装popper.js@^1.12.3——保存

安装jQuery:
npm安装jquery@1.9.1--保存

安装引导:
npm安装bootstrap@4.0.0-beta.2--保存

如果您使用的是最新版本的bootstrap(4.1+),那么

对于Bootstrap4.1

npm install popper.js@^1.14.3 --save

npm install jquery@3.3.1 --save

npm install bootstrap@4.1.1 --save
然后,只需将包添加到angular.json中的脚本中——与包含其他js文件的方式相同,但是Popper.min.js应该在Bootstrap.min.js之前

在HTML中:


在引导js文件之前包含popper.js,Scrollspy应该可以正常工作。CDN链接:。

引导有两个依赖项:jQuery 1.9.1和popper.js 1.12.3。安装引导程序时,需要安装这两个依赖项

角度:

安装popper.js
npm安装popper.js@^1.12.3——保存

安装jQuery:
npm安装jquery@1.9.1--保存

安装引导:
npm安装bootstrap@4.0.0-beta.2--保存

如果您使用的是最新版本的bootstrap(4.1+),那么

对于Bootstrap4.1

npm install popper.js@^1.14.3 --save

npm install jquery@3.3.1 --save

npm install bootstrap@4.1.1 --save
然后,只需将包添加到angular.json中的脚本中——与包含其他js文件的方式相同,但是Popper.min.js应该在Bootstrap.min.js之前

在HTML中:



在引导js文件之前包含popper.js,Scrollspy应该可以正常工作。CDN链接:.

美元(…).scrollSpy()从未自行解决过它。然而,在玩一些代码笔时,我发现了如何修复与数据相关的代码笔。对我来说,修正的是将类“nav”添加到标记中。因此,它现在可以正常工作。

美元(…).scrollSpy()从未自行解决过它。然而,在玩一些代码笔时,我发现了如何修复与数据相关的代码笔。对我来说,修正的是将类“nav”添加到标记中。因此,它现在可以正常工作。

您是否在使用其他库?显示加载库的实际代码,并确保代码中没有加载第二个jquery库,这将覆盖以前加载的jquery,从而删除任何加载的插件SID和patrick evans查看我的编辑器您是否验证了symphony代码正在生成指向引导库的有效url?是,因为与引导相关的所有其他内容都在工作。另外,我很确定它会抛出一个异常。你在使用其他库吗?显示加载库的实际代码,并确保没有在代码中的其他地方加载第二个jquery库,这将覆盖以前加载的jquery,从而删除任何加载的pluginssid和patrick evans查看我的编辑器,对吗验证symphony代码是否生成到引导库的有效url?是,因为与引导相关的所有其他内容都在工作。另外,我很确定它会抛出一个异常。这是symfony代码,但你应该能够告诉我,我在中加载了所有3个(如我在原始问题中所述)(很遗憾,我不能使用backticks使它看起来更漂亮)这是对的,只要确保popper.min.js被加载到该资产文件夹中,如果仍然出现该错误,请尝试删除缓存,历史记录是哪个版本的jquery&bootstrap?jquery 3.4.1(我也尝试了早期版本)和bootstrap 4.3.1这是symfony代码,但您应该能够告诉我,我将所有3个都加载到了中(如我最初的问题中所述)(遗憾的是,我不能用倒勾来让它看起来更漂亮)没错,只要确保popper.min.js被加载到该资产文件夹中,如果仍然出现该错误,请尝试删除缓存、历史哪个版本的jquery&bootstrap?jquery 3.4.1(我也尝试了早期版本)和bootstrap 4.3.1
npm install popper.js@^1.14.3 --save

npm install jquery@3.3.1 --save

npm install bootstrap@4.1.1 --save