Як зупинити bootstrap-sass gem з завантаження Bootstrap js двічі? - рубін на рейках, твіттер-бутстрап, рубін на рейках-4

Це мій Gemfile:

gem "bootstrap-sass", "~> 3.2.0.0"

Це моє application.js:

//= require bootstrap
//= require bootstrap-sprockets
//= require bootstrap.file-input

Мій bootstrap_and_overrides.css.scss виглядає так:

@import "bootstrap-sprockets";
@import "bootstrap";

Переглядаючи джерело своєї сторінки, я бачу таке:

<script data-turbolinks-track="true" src="/assets/bootstrap.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/affix.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/alert.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/button.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/carousel.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/collapse.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/dropdown.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/tab.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/transition.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/scrollspy.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/modal.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/tooltip.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/popover.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap-sprockets.js?body=1"></script>

Офіційна документація говорить про це:

Plugins can be included individually (using Bootstrap"s individual *.js files), or all at once (using bootstrap.js or the minified bootstrap.min.js).

Що відбувається, коли я використовую за замовчуванняммодальний код із сайту Bootstrap в моєму додатку, він швидко спрацьовує і зникає. Після багатьох досліджень я вважаю, що це тому, що Bootstrap завантажується двічі. Bootstrap.js містить інформацію, необхідну для модальних, тому мені не потрібно включати bootstrap/modal.js, але я не впевнений, як її видалити.

Думки?

Відповіді:

Тому що ви включаєте його двічі, мабуть. The офіційні документи сказати:

Потрібні завантажувальні Javascripts в app/assets/javascripts/application.js:

//= require jquery
//= require bootstrap-sprockets