Select2销毁功能在JSFiddle正常但在其他服务器失效求助

我遇到一个异常问题：存在一个带有两个绑定Select2组件的下拉框的表格，按照规范我在克隆表格行前先调用Select2的destroy方法，之后重新初始化Select2。该代码在JSFiddle中可正常运行，但部署到另一服务器后却失效。请问可能的原因是什么？

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet"/>
<table class="table table-sm table-striped mb-0">
<thead>
<tr class="bg-th">
<th>
Country
</th>
<th scope="col">
Towns
</th>

</tr>
</thead>

<tbody>
<tr>
<td>
<select class="form-select" onChange="center_area_on_change(this);">
<option value=""></option>
<option>Country 1</option>
<option>Country 2</option>
<option>Country 3</option>
<option>Country 4</option>
</select>
</td>
<td style="width:280px;display:block">

<select style='width:100%' onChange="getTarifDataSeguroPrivado(this);">
<option></option>
<option>Town 1</option>
<option>Town 2</option>
<option>Town 3</option>
<option>Town 4</option>
<option>Town 5</option>
</select>


</td>

</tr>
</tbody>
</table>

function center_area_on_change (el) {
console.log(el);
}

function getTarifDataSeguroPrivado(dropDown) {
addRow();
}

function addRow() {
$('table select').select2('destroy');
var tableBody = $('table').find("tbody");
var trLast = tableBody.find("tr:last");
var trNew = trLast.clone();

const lastSelectedCountryIndex = trLast.find('select').eq(0).find('option:selected').index();

trNew.find('select').eq(0).find('option').eq(lastSelectedCountryIndex).prop('selected', true);

trLast.after(trNew);
$('table select').select2();
}

$('table select').select2();

• 依赖加载问题：服务器环境中jQuery、Select2的加载顺序错误，或者版本与JSFiddle不一致。比如Select2加载在jQuery之前，或者jQuery版本和Select2不兼容，导致组件无法初始化。
• 命名冲突：服务器端页面存在其他JS库或自定义代码，占用了$等变量，导致Select2的方法调用失效。
• DOM或样式干扰：服务器端页面的表格可能被额外的父容器、隐藏样式（如display: none）包裹，导致克隆后的元素无法被Select2正确识别和初始化。
• DOM就绪时机错误：原代码中直接在全局执行$('table select').select2();，如果服务器端页面DOM加载完成时间晚于脚本执行时间，会导致初始化失败。
• 缓存问题：浏览器缓存了旧的JS/CSS资源，导致加载的不是最新的Select2文件，或者缓存的旧代码与新逻辑冲突。
• 资源加载失败：服务器网络环境限制了CDN资源的加载，导致Select2的JS或CSS文件未能成功加载，组件自然无法工作。

内容的提问来源于stack exchange，提问作者Diasline