Problem z Wiselinks - Brak definicji Wiselinks w JS

Zielona szkoła
1

Witam.
Postanowiłem zmienić Turbolinks na Wiselinks. Dodałem gemy:

gem 'better-role-rails'
gem 'historyjs-rails'
gem 'jquery-historyjs'
gem 'wiselinks'

Następnie usunąłem w layout application pozostałości po Turbolinks,

%html
  %head
    %title ABC
    = stylesheet_link_tag :application
    = javascript_include_tag :application
    = csrf_meta_tags

Dodałem do folderu javascript plik wiselinks.coffee

#= require jquery
#= require jquery.role
#= require wiselinks
$(document).ready ->
  window.wiselinks = new Wiselinks($('#mainFrame'))

Usuwam Gemlock, robię bundle install, oraz restartuję serwer. Niby wszystko w porządku, lecz gdy wchodzę na stronkę, to dostaje w debugerze przeglądarki: Brak definicji “Wiselinks” I wskazuje mi na ten problem:

window.wiselinks = new Wiselinks($('#mainFrame'));

Dlaczego więc serwer nie podaje, albo przeglądarka nie widzi Wiselinks?

Pozdrawiam :slight_smile:

2

A to nie powinno być w application.coffee?

3

Nic to nie zmieniło

4

Otwórz w przeglądarce plik /assets/application.js i zobacz co tam siedzi. Na szybko dodałem ten gem do appki i u mnie jest ok (w konsoli developerskiej pod chrome mam dostęp do funkcji Wiselinks).

5

Zawartość application.js.coffee w debugerze.

(function() {
  $(document).ready(function() {
    return window.wiselinks = new Wiselinks($('#mainFrame'));
  });

}).call(this);

Zauważyłem, że w załadowanych plikach, nie mam w ogóle wiselinks.js . Skoro dodawałem rzeczy typu
#=require jquery, to jest to załadowane jako pewien moduł js. Natomiast samego wiselinks.js nie ma na liście załadowań. Jak to możliwe, skoro jest dodane #=require wiselinks ?

6

Rozwiązane. Problem występował z mojej głupoty. Plik Wiselinks.js jaki dodałem sam ręcznie zastępował plik z definicją samego Wiselinks, przez co nie ładowało właściwego pliku, tylko mój. Wystarczyło zmienić nazwę pliku.
Dzięki i tak za pomoc :slight_smile:
Pozdrawiam