Hi David, Clifford,
I'm pretty sure Clifford is using the Cider version from
Mimmo<https://github.com/magomimmo/om-start-template/>.
I've got a fork of
it<https://github.com/christoferjennings/om-start-template>with updates so it
work with Om 0.5.0 and React 0.9.0 that I've used to get
through the basic tutorial so far. Clifford and I have talked about it
here<https://github.com/magomimmo/om-start-template/issues/5> and
there is a pull request<https://github.com/magomimmo/om-start-template/pull/6>.
When using the Cider version the HTML should actually look like this
(using "om_ho.js" to match Clifford's)...
<html>
<body>
<div id="registry"></div>
<script src="http://fb.me/react-0.9.0.js";></script>
<script src="js/om_ho.js"></script>
</body>
</html>
I plan to put some examples online asap, hopefully by tomorrow, so other
newbies (like myself) can compare notes. ... One thing that I stumbled on
was that the tutorial shows the whole HTML but really, afaik, the only
change was the id of the div (from "app" to "registry").
I'm having a lot of fun working on this stuff, btw. Om is very cool.
Looking forward to getting into the intermediate tutorial with Datomic too
:)
,chris
On Thursday, February 27, 2014 6:03:22 AM UTC-8, David Nolen wrote:
>
> Your markup needs to look something like:
>
> <div id="classes"></div>
> <script src="http://fb.me/react-0.9.0.js";></script>
> <script src="js/out/goog/base.js" type="text/javascript"></script>
> <script src="js/om_ho.js" type="text/javascript"></script>
> <script type="text/javascript">goog.require("om_ho.core");</script>
>
> HTH,
> David
>
>
> On Thu, Feb 27, 2014 at 6:26 AM, cig <[email protected]
> <javascript:>>wrote:
>
>> Hi David
>>
>> I tried changing :advanced mode to :whitespace mode. My index.html file
>> looks as follows:
>>
>> <html>
>> <body>
>> <div id="registry"></div>
>> <script src="http://fb.me/react-0.9.0.js";></script>
>> <script src="js/om_ho.js"></script>
>> </body>
>> </html>
>>
>> my project.clj file looks as follows:
>> (defproject om-ho "0.0.1-SNAPSHOT"
>> :description "FIXME: write description"
>> :url "http://example.com/FIXME";
>> :license {:name "Eclipse Public License - v 1.0"
>> :url "http://www.eclipse.org/legal/epl-v10.html";
>> :distribution :repo}
>>
>> :min-lein-version "2.3.4"
>>
>> :source-paths ["src/clj" "src/cljs"]
>>
>> :dependencies [[org.clojure/clojure "1.5.1"]
>> [org.clojure/clojurescript "0.0-2156"]
>> [org.clojure/core.async "0.1.267.0-0d7780-alpha"]
>> [om "0.5.0"]
>> [com.facebook/react "0.9.0"]]
>>
>> :plugins [[lein-cljsbuild "1.0.2"]]
>>
>> :hooks [leiningen.cljsbuild]
>>
>> :cljsbuild
>> {:builds {:om-ho
>> {:source-paths ["src/cljs"]
>> :compiler
>> {:output-to "dev-resources/public/js/om_ho.js"
>> :optimizations :none
>> :pretty-print false}}}})
>>
>> With this setup. Evaluating core.cljs (which is taken directly from your
>> Higher Order Components tutorial) I see the, "XHR finished Loading" events
>> in the browser, which is a good sign, but the only text which renders is,
>> "Registry". I assume this is because of the missing goog.closure lines in
>> the index.html file
>>
>> i.e.
>> <script src="out/goog/base.js type="text/javascript"></script>
>> <script type="text/javascript">goog.require("om_ho.core");</script>
>>
>> When I include these two lines I get the same errors that Chris mentioned
>> above.
>>
>> Would really appreciate your help.
>>
>> Clifford
>>
>> On Monday, 24 February 2014 03:22:22 UTC+2, boz wrote:
>>>
>>> I'm having trouble with the Om basic tutorial Higher Order
>>> Components<https://github.com/swannodette/om/wiki/Basic-Tutorial#wiki-higher-order-components>
>>> using
>>> emacs and a slightly modified version of https://github.com/
>>> magomimmo/om-start-template that points to Om 0.5.0 and React 0.9.0.
>>> My version is https://github.com/christoferjennings/om-start-template
>>>
>>> The template doesn't have the goog/base.js out of the box. When I add
>>> it, I get a "Uncaught ReferenceError: goog is not defined" (Chrome Version
>>> 33.0.1750.117)
>>>
>>> Here's the final html (basically the same as in the tutorial.
>>> <html>
>>> <body>
>>> <div id="registry"></div>
>>> <script src="http://fb.me/react-0.9.0.js";></script>
>>> <script src="out/goog/base.js" type="text/javascript"></script>
>>> <script src="my-stuff.js" type="text/javascript"></script>
>>> <script type="text/javascript">goog.require("my-stuff.core");</
>>> script>
>>> </body>
>>> </html>
>>>
>>> There is no "out/goog/base.js", so I'm not too surprised goog is
>>> undefined. I'm stumped, though, because I don't know if the goog stuff
>>> that ends up in the .repl folder should be enough, or if I have to do
>>> something special to get the goog stuff to be in the out folder. I've tried
>>> "lein cljsbuild once" without luck.
>>>
>>> Any ideas on what I'm doing wrong?
>>>
>>> Thanks!
>>>
>>>
>>>
>>>
>>> --
>> You received this message because you are subscribed to the Google
>> Groups "Clojure" group.
>> To post to this group, send email to [email protected]<javascript:>
>> Note that posts from new members are moderated - please be patient with
>> your first post.
>> To unsubscribe from this group, send email to
>> [email protected] <javascript:>
>> For more options, visit this group at
>> http://groups.google.com/group/clojure?hl=en
>> ---
>> You received this message because you are subscribed to the Google Groups
>> "Clojure" group.
>> To unsubscribe from this group and stop receiving emails from it, send an
>> email to [email protected] <javascript:>.
>> For more options, visit https://groups.google.com/groups/opt_out.
>>
>
>
--
You received this message because you are subscribed to the Google
Groups "Clojure" group.
To post to this group, send email to [email protected]
Note that posts from new members are moderated - please be patient with your
first post.
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/clojure?hl=en
---
You received this message because you are subscribed to the Google Groups
"Clojure" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
