Turbolinks, вызывающий "jquery-ujs, уже загружен!" ошибка
У меня есть новое приложение Rails 4, которое не содержит пользовательский Javascript - папки app/assets/javascripts
, lib/assets/javascripts
и vendor/assets/javascripts
пусты (кроме app/assets/javascripts/application.js
).
Когда я нажимаю на приложение, я продолжаю получать ошибку jquery-ujs has already been loaded!
в консоли JS. Это происходит каждый раз, когда я нажимаю кнопку "назад", а иногда, когда я нажимаю на обычную ссылку (хотя я не могу сделать это последовательно).
application.js:
//= require jquery
//= require jquery_ujs
//= require twitter/bootstrap
//= require turbolinks
//= require_tree .
Когда я удаляю turbolinks из application.js, я перестаю получать ошибку... так что turbolinks оказывается виновником.
Является ли это ошибкой с turbolinks, или я делаю что-то неправильно?
Здесь мой Gemfile:
source 'https://rubygems.org'
ruby '2.0.0'
gem 'rails', '4.0.0'
gem 'active_model_serializers'
gem 'aws-sdk'
gem 'bootstrap-sass-rails'
gem 'coffee-script-source', '1.5.0'
gem 'coffee-rails', '~> 4.0.0'
gem 'devise'
gem 'factory_girl_rails', '4.1.0'
gem 'figaro'
gem 'font-awesome-sass-rails'
gem 'jbuilder', '~> 1.2'
gem 'jquery-rails'
gem 'paperclip'
gem 'paperclip-meta', github: 'y8/paperclip-meta'
gem 'pg'
gem 'sass-rails', '~> 4.0.0'
gem 'turbolinks'
gem 'uglifier', '>= 1.3.0'
group :production do
gem 'rails_12factor'
end
group :doc do
gem 'sdoc', require: false
end
group :test do
gem 'capybara', '2.1.0'
end
group :development, :test do
gem 'childprocess', '0.3.9'
gem 'debugger'
gem 'faker', '~> 1.2.0'
gem 'json_spec'
gem 'rspec-rails'
gem 'rspec-mocks'
end
group :development do
gem 'annotate'
gem 'hirb'
gem 'wirb'
end
Изменение порядка require
в application.js тоже не помогает.
Ответы
Ответ 1
Наиболее вероятным объяснением является то, что вы включаете свои скрипты на странице body
.
Подробнее см. эту проблему: https://github.com/rails/turbolinks/issues/143
Из turbolinks readme:
Как правило, при переключении на Turbolinks переместите все ваши теги javascript внутри head
, а затем перейдите в обратную сторону, только переведя код javascript обратно в тело, если это абсолютно необходимо. Если у вас есть теги script в теле, которые вы не хотите переоценивать, вы можете установить атрибут data-turbolinks-eval
на false
:
<script type="text/javascript" data-turbolinks-eval=false>
console.log("I'm only run once on the initial page load");
</script>
Ответ 2
Я столкнулся с той же проблемой, и после нескольких хитов и испытаний я обнаружил, что последовательность файлов javascript имеет значение.
Рабочая последовательность
//= require jquery
//= require jquery_ujs
//= require jquery.turbolinks
//= require turbolinks
Надеюсь, это решение поможет кому-то.
Ответ 3
Для меня я включил эти написанные дважды, поэтому он загружался дважды. Один раз в application.js //= require jquery
и один раз в application.html.erb в качестве тега скрипта.
Ответ 4
Проблема, с которой я столкнулся, заключалась в том, что я дважды скопировал & lt;% = render 'layouts/head'%> !, в голову и в тело. проверьте файл laouts/application.html.erb