【发布时间】:2021-08-23 21:59:57
【问题描述】:
每个人。希望你今天过得愉快。
我从头开始了一个 Angular 项目,我已经通过npm 安装了我需要的所有包。我决定使用bootstrap,我发现它必须与jquery 结合使用才能正常工作。我需要做一些可折叠的菜单。
我使用npm i --save bootstrap 和npm i --save jquery 来安装这两个库。两者都出现在 package.json 和 package-lock.json 文件中,但都没有出现在 node_modules 文件夹中。
我在angular.json文件中都添加了如下:
[...]
"styles": [
"src/styles.css",
"node_modules/bootstrap/dist/css/bootstrap.css"
],
"scripts": [
"node_modules/jquery/dist/jquery.js",
"node_modules/bootstrap/dist/js/bootstrap.js"
]
[...]
bootstrap 库可以正常工作(出于某种原因),但jquery 不行,因此无法折叠。我试图更改文件中的jquery 参考路径并搜索node_modules 文件夹,希望找到对插件的任何参考,但到目前为止还没有运气。 Chrome 控制台不会抛出任何错误,所以我知道一切都应该可以正常工作,但事实并非如此。
我该怎么做才能使jquery 正常工作?
【问题讨论】:
-
这个答案会对你有所帮助:stackoverflow.com/questions/43557321/…
-
最后一个 bootstrap (5.0) not 使用 jQuery else
bootstrap.bundle.min.js或popper.min.js+bootstrap.min.js,见 getbootstrap.com/docs/5.0/getting-started/download BTW,你也可以使用 bootstrap.css + ng-bootstrap(以“更有角度”的方式具有引导组件:ng-bootstrap.github.io/#/home(现在是 betta 引导 5 的解决方案)
标签: jquery node.js angular bootstrap-4