How can I import Flowbite's named exports in a Rails 8 Stimulus controller using importmaps?

I'm working with a Rails 8 app that uses turbo-rails, propshaft, importmaps-rails, tailwindcss-rails, and Flowbite.

I followed the integration steps from the Flowbite guide to add Flowbite to my Rails app. Initially, it appeared to work, but when I try to import any component (for example, Dismiss) in a Stimulus controller, I get an error. Here is my controller code:

JAVASCRIPTCopied
// app/javascript/controllers/toasts_controller.js
import { Controller } from "@hotwired/stimulus";
import { Dismiss } from "flowbite";

export default class extends Controller {
  connect() {
  }
}

This results in the following error:

Failed to register controller: toasts (controllers/toasts_controller) SyntaxError: The requested module 'http://localhost:3000/assets/flowbite.turbo.min-[hash].js' doesn't provide an export named: 'Dismiss'

The same error occurs with other imports such as Datepicker. It appears that the Flowbite file built for Turbo (flowbite.turbo.min.js) isn’t structured as an ES module with named exports. I encountered related issues on the Flowbite GitHub and here, but the solutions were not clear.

For reference, here are the version details:

BASHCopied
$ rails -v
Rails 8.0.1

$ npm list flowbite
flowbite@2.5.2 /path-to-my-app/node_modules/flowbite

My tailwind configuration (app/config/tailwind.config.js) is as follows:

JAVASCRIPTCopied
const defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {
  darkMode: 'selector',
  content: [
    './public/*.html',
    './app/helpers/**/*.rb',
    './app/javascript/**/*.js',
    './app/views/**/*.{erb,haml,html,slim}',
    './node_modules/flowbite/**/*.js'
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
      },
    },
  },
  plugins: [
    require('flowbite/plugin'),
    require('@tailwindcss/forms'),
    require('@tailwindcss/typography'),
    require('@tailwindcss/container-queries'),
  ]
}

I’m looking for a solution that allows me to successfully import and use Flowbite's named exports in my Stimulus controllers. Is there a workaround or configuration change I need to make, such as using a different build of Flowbite?