Subscribe on changes!

Use with Buefy

avatar
May 8th 2020

Describe the bug

Trying to do a simple example showing a Buefy button. But got error.

image

This issue maybe is for Buefy to fix, I am not sure, but I put it here for awareness.

System Info

  • required vite version: 0.12.0
  • required Operating System: Windows 10
  • required Node version: 12.16
  • Optional:
    • npm/yarn version
    • Installed vue version (from yarn.lock or package-lock.json)
    • Installed @vue/compiler-sfc version

Logs

  1. setup
npx create-vite-app test
cd test
npm i
npm i buefy

Add buefy to index.html

    import { Button } from 'buefy'
    import { createApp } from 'vue'
    import App from './App.vue'

    const app = createApp(App)
    app.mount('#app')
    app.use(Button) // had to add this here

Add a button to App.vue

  <h1>Hello Vite + Vue 3!</h1>
  <b-button>Buefy Button</b-button>
  1. run vite or vite build with the DEBUG environment variable set to vite:* - e.g. modify the dev script in your package.json to:

    DEBUG=vite:* vite
    

    On windows, you will need cross-env:

    cross-env DEBUG=vite:* vite
    
  2. Provide the error log here.

nothing visible on command line

Reproduction

Provide a link to a reproduction repo if applicable.

https://github.com/ais-one/vite-eg

avatar
May 8th 2020

Buefy doesn't support Vue 3.

avatar
May 8th 2020

ok thanks... but I will send an unrelated pull request... to include debug script command

"dev": "vite",
"debug": "cross-env DEBUG=vite:* vite",
"build": "vite build"

Any UI that is moving to support vue 3? I think Vuetify is working on this but not urgent.