jquery-select2 - 重定向到另一个控制器函数会导致前端错误：TypeError: $(...).select2 is not a function

Question

我有一个带有select2. 在那个页面上是<a href>指向不同的控制器动作。

调用这些操作后，用户将再次被重定向到原始页面。

---

但在重定向回列表后：

function lockUser() {
   // after locking, return to the list:
   return $this->redirectToRoute('user_list');
}

在该用户列表页面上，前端发生错误：

未捕获的类型错误：$().select2 不是函数

---

一些事实（可能有帮助）：

• select2.js 实际上在 dom 中，实现时没有 404。
• 它呈现完全相同的视图，就好像我user_list直接调用了该函数一样。
• 即使所有内容都已加载，我也无法在浏览器控制台中使用“select2”。
• 可以使用其他 javascript 文件/函数
• 出现在 Firefox 和 Chrome 中（可能是每个浏览器）

这是一个绝对奇怪的错误。

---

在控制器端重定向之后，Firefox 在控制台中打印一些其他消息：

Cookie“sf_redirect”将来会被拒绝

cookie“sf_redirect”已被拒绝，因为它已过期

未捕获的类型错误：$(...).select2 不是函数

在此之后，我仍然无法在控制台中使用 select2，尽管它甚至已包含在 dom 中！

任何人都可以帮助我或给我任何提示吗？每个小费都可能有用。谢谢！

标签： jquery-select2symfony5

Answer 1

使用属性加载脚本async修复错误：

<script "/js/select2.js" async></script>