Hot Reload not working with naive-ui elements about nuxt3-naive-ui-starter

[Baiyuetribe]

Maybe you can try restart
有时候是需要重启生效的，未来或许可以解决

[JorgenSQ]

With naive-ui

Without naive-ui

[Baiyuetribe]

Please make sure your configuration is correct. I have used it in an official environment and had no problems.

import { defineNuxtConfig } from 'nuxt3'
import Components from 'unplugin-vue-components/vite';
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers';
// https://v3.nuxtjs.org/docs/directory-structure/nuxt.config
export default defineNuxtConfig({
    build: {
        transpile: ['naive-ui', 'vueuc'],   // fix dev error: Cannot find module 'vueuc'
    },
    vite: {
        plugins: [
            Components({
                resolvers: [NaiveUiResolver()], // Automatically register all components in the `components` directory
            }),
        ],
        // @ts-expect-error: Missing ssr key
        ssr: {
            noExternal: ['moment', 'naive-ui'],
        },
    }
})

I suggest git clone, then npm install, and try starting it again。If you have modified the nuxt.config.js file, please restart the npm command.

[xboxfly15]

Hot reloading doesn't work if there's naive-ui elements in a page in the pages directory. Hot reloading only works if you use app.vue

[everatch]

 我也发生同样的问题，但只发生在自己写的 component 上。

<n-card>
  <atoms-graph-basic /> // from /components/atoms/graph/basic.vue
</n-card>

第一次读取没有问题，
当我改变这文件， <n-card> 读取正常，而 <atoms-graph-basic /> 会出错误如下
（貌似这问题只出现在 client 环境下？）

我也尝试用 vite 自动读取我的 component，但问题没有解决，仍然出现的同样错误

vite: {
  plugins: [
    Components({
      dirs: ['components'],
      directoryAsNamespace: true,
      resolvers: [NaiveUiResolver()], // Automatically register all components in the `components` directory
    }),
  ],
},

[faisalindrianto]

hello, i encountered this also when I create page inside "pages" folder, it's only work on app.vue, got the same error as @JorgenSQ