Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

element-plus-nuxt triggering so much reloading on dev in nuxt 3.8.2 #80

Open
gyhyfj opened this issue Dec 11, 2023 · 4 comments
Open

element-plus-nuxt triggering so much reloading on dev in nuxt 3.8.2 #80

gyhyfj opened this issue Dec 11, 2023 · 4 comments

Comments

@gyhyfj
Copy link

gyhyfj commented Dec 11, 2023

Because of the auto-import feature of element-plus-nuxt in nuxt 3.8.2, this plugin always triggers a lot of reloading during development, especially when navigating to a new page. I spend a lot of time waiting for reloads, and what's worse, if there are syntax errors on that page I am navigating to, I can never reach that page, and errors are not displayed in the terminal.

I believe Nuxt should address this issue, but, could the auto-import feature become an optional configuration for element-plus-nuxt users during development to load the entire Element Plus library?

[18:32:37] ℹ ✨ new dependencies optimized: element-plus/es/components/message/style/css, wujie, element-plus/es/components/input/index, ele
ment-plus/es/components/form/index, element-plus/es/components/checkbox/index, element-plus/es/components/input/style/css, element-plus/es/components/form-item/style/css, element-plus/es/components/form/style/css, element-plus/es/components/checkbox/style/css, nanoid
ℹ ✨ optimized dependencies changed. reloading                                                                                  18:32:37
[18:32:53] ℹ ✨ new dependencies optimized: rxjs, element-plus/es/components/select/index, element-plus/es/components/button/index, element-
plus/es/components/collapse/index, element-plus/es/components/option/style/css, element-plus/es/components/select/style/css, element-plus/es/components/button/style/css, element-plus/es/components/collapse-item/style/css, element-plus/es/components/collapse/style/css, element-plus/es/components/loading/style/css, element-plus/es/components/slider/index, element-plus/es/components/slider/style/css, element-plus/es/components/popover/index, element-plus/es/components/dialog/index, element-plus/es/components/popover/style/css, element-plus/es/components/dialog/style/css, element-plus/es/components/tooltip/index, element-plus/es/components/tooltip/style/css, element-plus/es/components/message-box/style/css, element-plus/es/components/icon/index, element-plus/es/components/icon/style/css, konva, element-plus/es/components/carousel/index, element-plus/es/components/carousel-item/style/css, element-plus/es/components/carousel/style/css
ℹ ✨ optimized dependencies changed. reloading                                                                                  18:32:53    
[18:34:06] ℹ ✨ new dependencies optimized: element-plus/es/components/date-picker/index, element-plus/es/components/dropdown/index, element
-plus/es/components/pagination/index, element-plus/es/components/date-picker/style/css, element-plus/es/components/dropdown-item/style/css, element-plus/es/components/dropdown-menu/style/css, element-plus/es/components/dropdown/style/css, element-plus/es/components/pagination/style/css, dayjs
ℹ ✨ optimized dependencies changed. reloading                                                                                  18:34:06
@gyhyfj gyhyfj changed the title element-plus-nuxt triggering so much reloading on dev with nuxt3.8.2 element-plus-nuxt triggering so much reloading on dev in nuxt 3.8.2 Dec 11, 2023
@guipie
Copy link

guipie commented Dec 12, 2023

me too
image

@gyhyfj
Copy link
Author

gyhyfj commented Dec 13, 2023

See nuxt/nuxt#24196 , my temporary solution is adding this to nuxt.config.ts:

  vite: {
    optimizeDeps: {
      include: ['element-plus/es/components/**'],
    },
  },

me too image

@guipie
Copy link

guipie commented Dec 13, 2023

See nuxt/nuxt#24196 , my temporary solution is adding this to nuxt.config.ts:

  vite: {
    optimizeDeps: {
      include: ['element-plus/es/components/**'],
    },
  },

me too image

After adding this, a new problem occurred, the home page loaded very slowly

1702459730128

@tolking
Copy link
Member

tolking commented Dec 15, 2023

How about this?

vite: {
    optimizeDeps: {
      include: [
        'element-plus/es/components/*/index',
        'element-plus/es/components/*/style/index', // or 'element-plus/es/components/*/style/css'
      ],
    },
},

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants