Including live Snowpack dev app into another app

[aaronshaf]

I did an npm start on my snowpack app.

Elsewhere I am including this app into a monolith (for a proof of concept).

<div id="root"></div>
<script type="module" src="http://localhost:8080/_dist_/index.js"></script>

When I do this I get:

Gradebook.js:14 Uncaught TypeError: Cannot read property 'createSignatureFunctionForTransform' of undefined
    at Gradebook.js:14

Any ideas? My current workaround is:

<script>
  window.$RefreshRuntime$ = {register: () => {}, createSignatureFunctionForTransform: () => () => {}};
  window.$RefreshSig$ = () => (type) => type;
</script>

[matthoffner]

@aaronshaf Thanks for sharing this, I ran into this today and your workaround resolved the issue. Maybe that can be included in the react-refresh plugin?

[FredKSchott]

Oh, interesting. This is coming from the "@snowpack/plugin-react-refresh" plugin (fast refresh for React).

We assume that we own the entire app so we do some set up in the HTML of every application. Fast Refresh requires this setup in the HTML: it won't work if "react-refresh/cjs/react-refresh-runtime.development.js" hasn't been injected into the HTML.

The quick solution here for you is to remove that plugin (you may need to stop extending from the "@snowpack/app-scripts-react" base in your configuration to do this.)

The solution on our end is to add better logging here. The longer-term solution would be to move the fast-refresh code into a virtual file that the plugin provides, which any application could then import (not just our dev server). I'll spin up an issue to track that.

[FredKSchott]

update: New error logs on the client merged