export 'default' was not found in 'vue-tailwind'

I must be doing something wrong 😦

Plain out-of-the-box everything Vue works perfectly 🥳

The minute I try to add somethingVue Tailwind (2.1.3) - I get this

hermes_1    | 
hermes_1    | ERROR in ./app/javascript/packs/hermes_vue.js 33:15-21
hermes_1    | "export 'TInput' was not found in 'vue-tailwind/dist/components/'
hermes_1    | 
hermes_1    | ERROR in ./app/javascript/packs/hermes_vue.js 39:8-19
hermes_1    | "export 'default' (imported as 'VueTailwind') was not found in 'vue-tailwind'
hermes_1    | 

My app.vue has one added element

<template>
  <div id="app">
    <t-input />
    <p>{{ message }}</p>
  </div>
</template>

and my javascript-pack mentions this

import Vue from 'vue'
import VueTailwind from 'vue-tailwind'
import App from '../components/app.vue'

import {
  TInput,
} from 'vue-tailwind/dist/components/'

const components = {
  't-input': {
    component: TInput,
    props: {
      classes: 'border-2 block w-full rounded text-gray-800'
    }
  }
}

Vue.use(VueTailwind, components)

document.addEventListener('DOMContentLoaded', () => {
  const app = new Vue({
    render: h => h(App)
  }).$mount()
  document.body.appendChild(app.$el)

  console.log(app)
})

[robtesch]

Thanks for the input. I’ve managed to get things moving myself just now by changing my webpack config so that it doesn’t use babel-loader anymore. I have no idea what I’m doing when it comes to webpack so I just tried stuff until suddenly things worked.

[wdiechmann]

@robtesch and that is boiled to the bone exactly my sentiment with regards to webpacker (and friends)

there is simply too many moving cogs and pins in that stack!

TailwindCSS is perfect - the JIT though already is forcing me to cargo-cult with 27 deps and another 17 devdeps

AlpineJS is fine too - but even that has 16 devdeps and my guess is that by June 16th it will have another 5-10 deps and this all leads straight to DLL-hell (like why I switched to mac in 2006 when I was on 8 daily reboot’s due to dll’s colliding on M$ windozes 😉