Question

RoR的新开发人员，我正在使用Select2来展示一些公司或部门。 Select2正常工作了几个星期，现在，每个select2输入的显示都损坏了。我使用github历史记录来检测为什么现在失败了，但是没有迹象表明可以解释这一点。它显示的是很小的正方形或什么都没有。但是，当我单击一个小正方形作为示例时，selecty2正在工作。

small square display， Select2 working but display is broken

我使用了Github History pomber并检查了所有相关文件。没有什么可以解释为什么现在的显示器坏了。是检测问题原因的一种方法吗？我正在将Bootstrap 4与Rails 5.2.1一起使用

app / javascript / components / select2.js：

import $ from 'jquery';
import 'select2';
import 'select2/src/scss/core.scss';
import 'select2-bootstrap4-theme/dist/select2-bootstrap4.css';


$('.select2-form').select2({
  theme: "bootstrap4"
});


// Requiring CSS! Path is relative to ./node_modules

app / javascript / packs / application.js

import '../components/select2';

app / views / layouts / application.html.erb

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <%= csrf_meta_tags %>
    <%= action_cable_meta_tag %>
    <%= stylesheet_link_tag 'application', media: 'all' %>
    <%= stylesheet_pack_tag 'application', media: 'all' %> 
    <%= stylesheet_pack_tag 'application' %>

    <!-- bootstrap animation carousel -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
    <!-- bootstrap animation carousel -->

    <!-- Select2 -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
    <!-- Select2 -->

  </head>

  <body>
    <%= render 'shared/navbar' %>
    <%= render 'shared/flashes' %>
    <%= yield %>
    <%= render 'shared/footer' %>
    <%= javascript_include_tag 'application' %>
    <%= javascript_pack_tag 'application' %>
    <%#= javascript_pack_tag "map" %>
  </body>
</html>

我希望输入应该正确显示。

Answer 1

如果它曾经可以工作，现在却不起作用，则可以git bisect确定是哪个提交引入了回归。完成此操作后，您应该能够精确定位有罪的代码段，再次逐个添加此提交中的更改，然后查看何时弹出回归。这样您也许可以了解回归的原因。

是否有一种（简便）方法来查找Select2上显示问题的原因？

1 个答案: