Popper__namespace.createPopper is not a function的解决方法

1,088 阅读1分钟

【Bootstrap 5.13 - Uncaught TypeError: Popper__namespace.createPopper is not a function】的解决方法

问题描述

提示:Bootstrap 5以上版本不需要jQuery即可工作:`

在使用bootstrap5以上版本中虽然可以不使用jquery就可以正常工作,然而它的字段验证又是收费的,在这方面只好重新使用jquery,自已封装一个验证字段模块来取代FormValidation,即使FormValidation在好但囊中羞涩。在使用中却出现了一个让人无法想象的错误,在加载bootstrap.js 时console总是报错。 如图一所示:

QQ截图20220814134927.png

脚本加载如下:

	<script src="./vendor/jQuery/jquery-3.6.0.js"></script>
  	<script src="./vendor/bootstrap/js/bootstrap5.13.js"></script>
	}

解决方案:

提示:将bootstrap.js 更改为bootstrap.bundle.js

脚本加载如下:

	<script src="./vendor/jQuery/jquery-3.6.0.js"></script>
	<script src="./vendor/bootstrap/js/bootstrap5.13.bundle.js"></script>

	}

错误原因:

提示:bootstrap.js 没有集成Popper .js 而 bootstrap.bundle.js集成了Popper .js