尝试在Bootstrap（v4）页面上实现Select2（v4），但未呈现Dropdown 在templateResult：formatState上，尽管条目显示在Select2框中。 如果不使用templateResult，则情况完全相反。
该页面是通过GET和Java jsp加载的。 jQuery：
npm run build测试图片：
结果图片：
解决了！我在Bootstrap格式化的页面中调用了相同的函数“ select2＃formatState”，就像在非Bootstrap页面（是我的旧版本页面）中一样。问题出在“ select2＃formatState”中-我忘了添加return语句！在旧版本中，这对于解释器是可以的，但在Bootstrap版本中则不能。不过，这有点奇怪，因为在较旧版本中已接受。
在formatstate函数中，我已经编码了一个伪树，后面带有一些逻辑，并且此函数：
function formatState (state) {
if (!state.id) {
return state.text;
}
let idents = state.id.split("&");
let codeId = idents[0].split("=");
let $state;
if (codeId[0] === 'BB' || codeId[0] === 'AA') {
$state = $( '<span><img src="'+ baseUrl + idents[1] + '" height="10"
class="img-flag"/><b> ' + state.text + '</b></span>');
} else if (codeId[0] === 'CC' ) {
$state = $('<span style="padding-left:30px;"><img src="'+ baseUrl + idents[1]
+ '" height="10" class="img-flag"/> ' + state.text + '</span>');
} else {
$state = $('<span style="padding-left:15px;"><img src="'+ baseUrl + idents[1]
+ '" height="10" class="img-flag"/> ' + state.text + '</span>');
}
return $state; //<<--- missing !!!
}