Dynamic require of "tw-elements/dist/plugin" is not supported about tailwind-elements

[jerrypena1]

I'm having a similar issue with NuxtJS 3

• package.json

 "devDependencies": {
    "nuxt": "3.0.0-rc.1"
  },
  "dependencies": {
    "tw-elements": "^1.0.0-alpha12"
  }

• tailwind.config.js

module.exports = {
  content: ['./**/*.{html,js,vue}', './node_modules/tw-elements/dist/js/**/*.js'],
  plugins: [require('tw-elements/dist/plugin.js')],
}

• Error

Uncaught SyntaxError: The requested module '/_nuxt/plugins/tw-elements.js' does not provide an export named 'default' (at client.mjs:5:8)

[carlos-dubon]

<script lang="ts">
  import { onMount } from "svelte";
  import "../styles/globals.css";

  // import tw-elements with no SSR
  onMount(async () => {
    await import("tw-elements");
  });
</script>

<slot />

module.exports = {
  content: [
    "./src/**/*.{html,js,svelte,ts}",
    "./node_modules/tw-elements/dist/js/**/*.js",
  ],
  theme: {
    extend: {},
  },
  plugins: [require("tw-elements/dist/plugin")],
};

this worked for me on svelte-kit

[domgom]

@carlos-dubon could you try to see if the timepicker works? I get the datepicker working but not the timepicker with your config.

[domgom]

@carlos-dubon about datepicker, does your it stop working for you when switching between prefetched svelte tabs? It only works for me on hard manual browser refresh, not coming from another route 😞

[Trochonovitz]

Hi, Tailwind Elements in the newewst version (beta1 released a two weeks ago) works fine with Svelte - you got to import library in lifecycle method like @carlos-dubon showed. Timepicker on the other hand is not working indeed but this is our problem which was already solved. Proper fix will be released with beta2.

FYI in a couple of days we are going to publish bunch of tutorials how to integrate TE with most popular CSR and SSR frameworks.

[Trochonovitz]

Hi, we just have launched bunch of integration tutorials - both with CSR and SSR frameworks. If you have more questions about integration or you still got some problems with particular components, let us know by adding new issue / topic in discussions section (if there are some unclear informations or just want let us know about something).