hi everybody, I have a problem with my shadow-cljs project. I am trying to use carbon-react, so these are the steps I did: - yarn add react react-dom create-react-class carbon-react - yarn Then I used its components:

(ns carbon-example.dashboard.views
  (:require ["carbon-react/lib/components/app-wrapper" :as AppWrapper]
            ["carbon-react/lib/components/navigation-bar" :as NavigationBar]
            [re-frame.core :as rf]))

(defn- navbar
  []
  (fn []
    [:> NavigationBar]))

(defn panel
  []
  (fn []
    [:> AppWrapper
     [navbar]]))

shadow-cljs - config: /home/manuel/7bridges/code/carbon-example/shadow-cljs.edn  cli version: 2.8.24  node: v8.15.1
[:carbon-example] Compiling ...
The required JS dependency "core-js/modules/es7.symbol.async-iterator" is not available, it was required by "node_modules/carbon-react/lib/components/app-wrapper/app-wrapper.js".

Searched in:/home/manuel/7bridges/code/carbon-example/node_modules

You probably need to run:
  npm install core-js/modules/es7.symbol.async-iterator

See: 

This is my shadow-cljs.edn file:

{:builds
 {:carbon-example {:asset-path "/js"
                   :modules {:main {:entries [carbon-example.core]}}
                   :output-dir "resources/public/js"
                   :target :browser}}

 :dependencies [,,,]

 :dev-http {8020 "resources/public/"}

 :devtools {:http-root "resources/public"
            :http-port 8020}

 :nrepl {:middleware [refactor-nrepl.middleware/wrap-refactor]
         :port 8777}

 :source-paths ["src"]}

@manuel I'd guess that that is a version conflict somewhere, or just a missing peer dep

did you see this message?

npm WARN [email protected] requires a peer of flux@^3.1.1 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of i18n-js@^3.0.0 but none is installed. You must install peer dependencies yourself.

on npm install carbon-react

yes, I added those as well

running npm ls, the problem seems to be:

├─┬ [email protected]
│ ├─┬ [email protected]
│ │ ├── [email protected]

so carbon-react depends on "core-js": "^2.6.3",

but I also have [email protected] installed

probably works if you just add core-js to you deps with the proper version

so it doesn't get the nested install

let me try

I did: - yarn add [email protected] - shadow-cljs compile carbon-example Now I get:

shadow-cljs - config: /home/manuel/7bridges/code/carbon-example/shadow-cljs.edn  cli version: 2.8.24  node: v8.15.1                                                                                                  
[:carbon-example] Compiling ...                                                                                                                                                                                      
failed to resolve: ../../utils/helpers/tags from /home/manuel/7bridges/code/carbon-example/node_modules/carbon-react/lib/components/app-wrapper/app-wrapper.js                                                       
{:relative-to #object[java.io.File 0x6164b3a2 "/home/manuel/7bridges/code/carbon-example/node_modules/carbon-react/lib/components/app-wrapper/app-wrapper.js"], :entry "../../utils/helpers/tags"}                   
ExceptionInfo: failed to resolve: ../../utils/helpers/tags from /home/manuel/7bridges/code/carbon-example/node_modules/carbon-react/lib/components/app-wrapper/app-wrapper.js                       

wtf is that pattern ... first time I see this

me too 🙂

ok yeah ... they have a weird directory structure I didn't know was allowed

I'll see if I can add support for that in a bit

thank you, but no worries, we are testing different JS/CSS toolkits, so it may be the only case.

shouldn't be that hard. just never saw that pattern before

@manuel should be fixed in [email protected]

I'll try it asap and report back, thanks for the quick fix!

@thheller fantastic, it works. Thanks again.

how might one go about adding the output-name from manifest.edn into index.html?

I ended up doing this with sed:

- run: HASH=$(sed 's/.*:output-name \"main\.\([a-zA-Z0-9]*\)\.js\".*/\1/' public/js/manifest.edn)
      - run: echo $HASH
      - run: sed -n "s|\"/js\/main\.js\"|main.$HASH\.js\"|g" public/index.html

@ccann if you just have a static HTML file you can generate that via :build-hooks or clj-run.

https://shadow-cljs.github.io/docs/UsersGuide.html#build-hooks

https://shadow-cljs.github.io/docs/UsersGuide.html#clj-run

Sweet, I used clj-run and it works great. Thanks!