Fail to import remote CSS on production build

[yo-iwamoto]

I see similar(?) issues have been posted several times and ended because the beta was expected to fix it, but it seem not to be fixed.

Versions

aleph.js 0.3.0-beta.12
deno 1.13.2
v8 9.3.345.11
typescript 4.3.5

Steps to reproduce

1. Create aleph project

   $ aleph init <project-name>
   

2. Add import statement on app.tsx

   import React, { ComponentType } from 'react'
   + import "https://esm.sh/tailwindcss/dist/tailwind.min.css";

3. Build and Serve

   $ aleph build && aleph start
   

4. See Browser Console (I have no errors in the shell on any of the steps above)

this problem occurs regardless of SSR mode.

Repo

https://github.com/you-5805/tweet_decorator/tree/front/signin-navigation/front
I have additional error Uncaught TypeError: Cannot destructure property '~' as it is undefined. on this repo, but I don't know what cause this difference with the steps above.

[ije]

this has be fixed in beta.17, please aleph upgrade, i recommmand you use the windicss is working in Aleph.js with tree-shaking: https://deno.land/x/aleph_plugin_windicss@v0.0.2

[ije]

also added an example in here: https://github.com/alephjs/aleph.js/tree/master/examples/remote-css

[yo-iwamoto]

@ije
I solved this by using WindiCSS plugin after the framework upgrade.
Thank you for replying and your awesome plugin!