Global import not working but tree shaking does

[stevenfokoua]

Hi, new to Vue(3)
Vue3
VueCLI 4
Naive UI 2.32.2
Electron 16

Naive Ui is properly installed but i cant use it globally, even when only with import on demain. i get this error

Here is my main.js Vue file

`
import { createApp } from 'vue'
import App from './App.vue'
import 'vfonts/Lato.css'
import naive from 'naive-ui'

const app = createApp(App)
app.use(naive)
createApp(App).mount('#app')
App.Vue
naive-ui

<script> export default { name: 'App', components: { } } </script> <style> body{ font-family: Lato; } </style>

`
No matter the order it doesnt work.

If i import on demand like in the documentation, all works fine. Otherwise nope. Not even importing on demand globally works. No matte what I do.

I even tried doing
createApp(App).use(naive)
But still nothing.

Thanks for any help, i couldnt find anything anywhere and would really like to import stuff globally given that i have many components for my app. Thanks

[stevenfokoua]

I just needed to change the last line from createApp(App).mount("#app") to app.mount('#app').

Big thanks to the author who helped me solve this