Unable to build a production build for a derivative project about learn-reagent-course-files HOT 3 CLOSED

Whoops, I've debugged this one. The solution was simply to add the proper relative file name in the index.html. But then arises a different problem with the release compiled javascript and it throws the following error in the browser.

TypeError: snake.core.init is not a function

Perhaps, this is another quick fix but nothing strikes my mind as of now.

from learn-reagent-course-files.

Seems like you are exporting main and not init

defn init []
  ;; init is called ONCE when the page loads
  ;; this is called in the index.html and must be exported
  ;; so it is available even in :advanced release builds
 ;(js/console.log "init")



 ;; Resize canvas object
 (resize-canvas)
  ;; Remove all listen events
 (events/removeAll js/document)
  ;; Register event listener `on-keydown` event
 (events/listen js/document goog.events.EventType.KEYDOWN on-keydown)
  ;; Start the game loop
(game-loop))

(defn ^:export main
  []
  (r/render
    [app]
    (.getElementById js/document "app")))

When you don't add ^:export before init, or any function name that you want to access from html file it will be shortened by the google closure compiler and might end up as - let's say c - in this way it cannot find the init function. Therefore the error.

You can also change the way you setup shadow-cljs and don't worry about the ^:export - check out learn re-frame setup In this way you have init-fn which takes care of ^:export and the only thing you need to add to index.html is the a script name.

Hope that helps, if you would have any further questions let me know.

from learn-reagent-course-files.

Ahh, yes - that's true! I'll be for sure covering up the re-frame tutorial today itself. Thanks @jacekschae , your course has been one of the best learning experiences for people learning ClojureScript 👍

from learn-reagent-course-files.