Cómo depurar ClojureScript

ACTUALIZADO: Usar el compilador directamente ahora es sencillo. Pero lein-cljsbuild sigue siendo muy útil.

Use lein-cljsbuild. Puedes escribir diferentes compilaciones (testing, development, release). Puede ver automáticamente los archivos para que se recompilen rápidamente a medida que los cambia. Puede utilizar fácilmente browser repl para evaluar el código directamente en el navegador. Puede administrar dependencias.

Específicamente relacionado con su pregunta-lein-cljsbuild también pasa a lo largo de advertencia sensible por defecto el compilador para que obtenga advertencias detalladas y precisas antes de ejecutar el código en el navegador.

Recientemente (Oct. 27 de 2013) David Nolen publicó una entrada de blog que sugiere una gran configuración para un bucle de retroalimentación apretado y una buena experiencia de depuración con ClojureScript.

Http://swannodette.github.io/2013/10/27/the-essence-of-clojurescript /

"Este breve post te llevará de cero a desarrollar ClojureScript mapeado de código fuente con recompilas instantáneas en el archivo guardado."

Espero que eso también pueda ayudar.

ClojureScript debugging mejores prácticas (ejemplo de proyecto y tutorial):

Https://github.com/shaunlebron/How-To-Debug-CLJS

El ecosistema todavía está en proceso de cambio, así que espero mantener esto actualizado con las aportaciones de la comunidad para facilitar el proceso para los recién llegados. Actualmente golpea en cuatro de los métodos tradicionales de depuración:

• Logging - registra fácil y descriptivamente el estado de tu aplicación
• Probando - rápidamente pruebe su código sin abrir un navegador web
• Interactuando - juega con tu código mientras se ejecuta en tu página web
• Tracing - pausa y paso a través del código

Si desea utilizar Chrome Debugger, puede utilizar lo siguiente...

(defn debugger []
  (js/eval "debugger"))

(debugger)

Esto es en gran medida un truco, pero se activa el modo de depuración de Chrome.

Recuerde, sin embargo, el script Clojure utiliza espacios de nombres, lo que significa que si creó alguna variable thing, entonces se encontrará en my.namespace.thing en chrome console (como se esperaba).

Estoy usando piggieback y conectar mi brepl(browser repl) a mi nrepl.

De esta manera, puede probar su código cljs en su instancia nrepl para obtener comentarios más rápidos. Incluso puede ejecutar algunos scripts cljs dentro de nrepl que realiza cambios en dom. En cuanto al estado de las variables, utilizo (js / console.log variable) como Hendekagon mencionado. Además, como dnolen ha señalado, si compila con el modo de depuración (: optimization: whitespace), entonces el javascript generado se vuelve más fácil de entender, así que hago puntos de interrupción en Chrome js entorno.

[añadido:2013-07-18] añadir pasos breves para configurar nrepl-brepl

1. Configuré el entorno brepl con la ayuda del siguiente tutorial. https://github.com/magomimmo/modern-cljs/blob/master/doc/tutorial-02.md

   En resumen, necesitarás el siguiente fragmento en algún lugar de tu código clojurescript.

   (repl/connect "http://localhost:9000/repl")
   

2. Luego abra nrepl en emacs (estoy usando M-x nrepl-jack-in)

3. Ingrese a continuación en su nrepl

   (do
    (require 'cljs.repl.browser)
    (cemerick.piggieback/cljs-repl
      :repl-env
      (doto (cljs.repl.browser/repl-env :port 9000)
        cljs.repl/-setup)))
   

4. Debe mostrar la página que tiene su cljs ejecutándose en su navegador.

5. Pruebe si su nrepl está funcionando correctamente ejecutando abajo en nrepl. (js / alerta " Estoy listo!")