Bootstrap.js не работает с гемом React-Rails Rails 4 - PullRequest
Новая
       37

Bootstrap.js не работает с гемом React-Rails Rails 4

0 голосов
/ 02 июля 2019

Мои сборные склады перестали работать. Я по ошибке обновил некоторые драгоценные камни и не смог вернуться в состояние до того, как это испортилось, у меня есть все резервные копии и я работаю с неожиданным исключением моих аккордеонов и моего меню гамбургера для навигации. Я использую Rails 4.2, Ruby 2.1 и Bootstrap-sass 3.3. Это также влияет на мой драгоценный камень bootstrap-datepicker-rails.

HTML 

<nav class="navbar navbar-default" role="navigation">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-menu">
                <span class="sr-only">Toggle Navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>

        <div class="collapse navbar-collapse" id="main-menu">
            <ul class="nav navbar-nav">
                <li><%= link_to 'Prospect', '/prospect/' %></li>
                <li><%= link_to 'Current', '/current/' %></li>
                <li><%= link_to 'People', '/people/' %></li>
                <li><%= link_to 'Events', '/events/' %></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">

            </ul>
        </div>
    </nav>

Application.css 

 *= require bootstrap-datepicker
 *= require bootstrap
 *= require bootstrap_extensions
 *= require flexslider
 *= require_self
 *= require style
 */

application.js 

//= require react
//= require react_ujs
//= require components
//= require jquery
//= require jquery_ujs
//= require bootstrap-datepicker
//= require turbolinks
//= require bootstrap-sprockets
//= require jquery.flexslider
//= require analytics.js
//= require d3.js
//= require_tree .

Gemfile 

source 'https://rubygems.org'


# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '>= 4.2'

# Use postgresql as the database for Active Record
gem 'mysql2', '~> 0.4.10'

# Use SCSS for stylesheets
gem 'sass-rails', '~> 5.0'
gem 'bootstrap-sass', '3.3'

# Datepicker for calendar dropdown in forms
gem 'bootstrap-datepicker-rails'

# Use Uglifier as compressor for JavaScript assets
gem 'uglifier', '2.7.2'
gem 'react-rails', '~> 1.5'

# Use CoffeeScript for .js.coffee assets and views
gem 'coffee-rails'

# Use Flexslider gem for frontpage carosel.
gem 'flexslider'

# Use jquery as the JavaScript library
gem 'jquery-rails'
gem 'jquery-ui-rails'

# Turbolinks makes following links in your web application faster. 
gem 'turbolinks'

# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
gem 'jbuilder', '~> 1.2'

# tracking/analytics service, Segment.io
gem 'analytics-ruby', '~> 2.2', '>= 2.2.7'

group :doc do
  # bundle exec rake doc:rails generates the API under doc/api.
  gem 'sdoc', require: false
end


gem 'quiet_assets', :group => :development
gem 'capistrano', '2.15.7', :group => :development
    # cap tasks to manage puma application server  for production add ", :group => :development"


# Use ActiveModel has_secure_password
gem 'bcrypt-ruby', '3.1.2'

# Lock in required capistrano gems
gem 'bundler', '1.17.3'

Bootstrap находится в моей папке Vendor как js, так и css.

РЕДАКТИРОВАТЬ: я вошел и удалил из моей папки продавца как файлы bootstrap.css и bootstrap.js. Без файла css приложение не загрузится без ошибок. Без файла js приложение загружается и работает так же, как и с файлом js.

Теперь, когда я выкопал еще немного, мне пришлось настроить React-rails, чтобы мой конвейер активов снова заработал, и я считаю, что именно в этом моя проблема. Как заставить React-rails видеть и использовать файл bootstrap.js в папке vendor / assets?

...