Module not provided when trying to use a library

[aratare-jp]

Context

Hi there. I'm working on a shadow-cljs project with ElasticUI library and trying to display a simple component before encountering a weird error. See more details below.

Problem

When trying to use EuiIcon component, either via reagent/adapt-react-class or com.fulcrologic.fulcro.algorithms.react-interop/react-factory produces

Uncaught (in promise) Module not provided: ./assets/plus.js

in the browser console, and

:shadow.build.npm/js-invalid-requires - {:resource-name "node_modules/@elastic/eui/lib/components/icon/icon.js", :requires [{:line 576, :column 39}]}

in the terminal.

Here's a little project that can reproduce the error: https://github.com/aratare-jp/shadow-cljs-require

Tried solutions

Overall I've tried all these solutions:

• Different icons -> same error
• Refreshing the page -> same error
• Restarting the app -> same error
• Nuking everything and going from ground zero -> same error
• Trying pure JS test project with the library -> library works fine, so perhaps something on the shadow-cljs side

Expectation

There should be an icon appearing on the page.

[thheller]

The library in question uses dynamic import() in the code which is not supported. In their case the published library is actually rewritten to a dynamic require() call but that is not supported as well.

You can use webpack as described here. This library will not work with shadow-cljs alone.

[aratare-jp]

Hi there @thheller. I've moved to webpack and can indeed confirm that it works now. Many thanks :)

[jurkotroll]

Hi there @thheller. I've moved to webpack and can indeed confirm that it works now. Many thanks :)

Would you share?

[aratare-jp]

@jurkotroll Hi there. I'll make a commit on that repository some time tomorrow if that's okay :)

[jurkotroll]

@aratare-jp Thank you! :)

[aratare-jp]

@jurkotroll Hi there. Sorry for the delay. You can now check out https://github.com/aratare-jp/shadow-cljs-require/tree/solution

Hope this helps.