jquery - coffee - js to coff

Error al usar erb en archivos js.coffee en la canalización de activos de rieles

Question

Tengo el siguiente código:

/assets/javascripts/home.js.coffee.erb

jQuery ->
  addClickListeners = ->
        $(document).on ''click'', ''#add-chord-link'', addChord
        $(document).on ''click'', ''#remove-chord-link'', removeChord

    addChord = (e) ->
        e.preventDefault()
        console.log("<%= asset_path(''rails.png'') %>")
        console.log("<%= link_to ''Sign up now!'', ''#'' %>")
        console.log(''addChord clicked'')
        $(''#chord-choices'').append(''addedChord'')

    removeChord = (e) ->
        e.preventDefault()
        $(''#chord-choices select'').last().remove()
        console.log(''removeChord clicked'')

    addClickListeners()

La salida de la console.log("<%= asset_path(''rails.png'') %>") para console.log("<%= asset_path(''rails.png'') %>") es /assets/rails.png , que es lo que espero. Sin embargo, cada vez que console.log("<%= link_to ''Sign up now!'', ''#'' %>") Aparece un mensaje de error al cargar la página que dice:

    undefined method `link_to'' for #<#<Class:0x007f9095960938>:0x007f9095b78ab8>

¿Por qué esto no funciona?

Answer 1

El problema

La razón es Sprockets, la gema detrás de Assets pineline, no depende de Rails para procesar erb. Ver los ayudantes nativos disponibles https://github.com/sstephenson/sprockets#invoking-ruby-with-erb

Rails agregó más ayudantes a Assets Pineline en ActiveSupport, son todo lo que puedes usar. Puede encontrarlos aquí: http://api.rubyonrails.org/classes/ActionView/Helpers/AssetUrlHelper.html

link_to es un helper perteneciente a ActionView, por lo que no está incluido en Assets Pineline.

Los hacks

Existen algunas soluciones que le permiten usar los ayudantes de ActionView dentro de Assets Pineline:

Dirige a los ayudantes en la cartera de activos

https://github.com/sstephenson/sprockets/issues/218

¿Cómo incluir a los ayudantes de ActionView en la cartera de activos?

Mis sugerencias

Si todo lo que necesita es el enlace en cuestión o un poco más, no necesita el problema para hackear. Use texto sin formato o una ayuda de Javascript. Eso es suficiente.

//plain text
"<a href=''#''>Sign up</a>"

//JS helper
Link = {}
Link.sign_up = "<a href=''#''>Sign up</a>"
Link.link_to = (url, anchor) ->
  "<a href=/"#{url}/">#{anchor}</a>" 

console.log(Link.sign_up)
console.log(Link.link_to("#", "Sign up"))