我正在构建一个只需要 Bootstrap 4 的 collapse.js 和 dropdown.js 的网站,这样我就可以使用它的 Navbar 组件。
我不想使用整个 Bootstrap 文件。
所以我下载了 Bootstrap 的源代码并删除了 bootstrap-4.3.1 ▸ js ▸ src ▸ util.js, bootstrap-4.3.1 ▸ js ▸ src ▸ collapse.js 和 bootstrap-4.3.1 ▸ js ▸ src ▸ dropdown.js 进入我的项目。
然后将它们从我的页面链接起来:
...
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="js/util.js"></script>
<script src="js/collapse.js"></script>
<script src="js/dropdown.js"></script>
</body>
</html>
但是,当我刷新页面以测试导航栏时,我在控制台中收到此错误:
Uncaught SyntaxError: Unexpected identifier util.js:8
Uncaught SyntaxError: Unexpected identifier collapse.js:8
Uncaught SyntaxError: Unexpected identifier dropdown.js:8
当然,当我尝试单击下拉菜单项时,什么也没有发生。有什么建议(不涉及节点)吗?
最佳答案
您正在导入错误的文件。您必须导入这些的编译版本。
这些文件在 bootstrap-4.3.1 ▸ js ▸ dist 中。
关于javascript - 如何自定义 Bootstrap 4 的 JavaScript 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57366170/