element-plus [Bug Report] unplugin-vue-components 按需导入的依赖项更新导致页面无限次重载

zazmityj  于 2022-10-21  发布在  其他
关注(0)|答案(7)|浏览(435)

Element Plus version

1.2.0-beta.6

OS/Browsers version

windows10

Vue version

3.2.21

https://github.com/RennCheung/vue3-report-demo

Steps to reproduce

我没法提供一个简单示例,因为这需要在复杂场景中出现,简单示例只会导致重载一次,但在复杂场景里(使用了较多的elemen-plus 组件)时会导致无限次的重载,另外,我的路由页面是异步加载的,我不确定是不是和这个有关系,我在 unplugin-vue-components 也提了一个 issue ,我不知道这是什么原因导致的,有人能告诉我如何解决这个问题吗?我现在只能暂时使用完整引入

What is Expected?

unplugin-vue-components 插件运行正常

What is actually happening?

无法实现按需导入和自动导入

kgsdhlau

kgsdhlau1#

Hello @Dirian9754. Please provide an online reproduction demo by clicking this link or a minimal GitHub repository. Issues marked with need reproduction will be closed if they have no activity within 3 days.

你好 @Dirian9754, 我们需要你提供一个在线的重现示例以便于我们帮你排查问题。可以通过点击 此处 创建或者提供一个最小化的 GitHub 仓库。3 天内未跟进此 issue 将会被自动关闭。

but5z9lq

but5z9lq2#

的确存在这个问题,目前你可以使用 unplugin-element-plus 插件实现按需导入

olqngx59

olqngx593#

的确存在这个问题,目前你可以使用 unplugin-element-plus 插件实现按需导入
好吧,但是那需要手动 import 组件,我想这不是最好的解决方案,近期会解决这个问题吗?

bbmckpt7

bbmckpt74#

如果不在意打包大小可以导入全部样式, import "element-plus/theme-chalk/src/index.scss"
vite.config.ts

Components({
        resolvers: [
          ElementPlusResolver({
            importStyle: false,
          }),
        ],
      }),
yruzcnhs

yruzcnhs7#

这个问题似乎依旧存在,我可以提供复现仓库 https://github.com/hooray/fantastic-admin ,拉取 master 分支后使用 pnpm 安装依赖并运行,运行成功后可点击左侧任意导航
问题是一模一样的,在切换不同路由的时候,有一定的几率会导致vite重载
这个问题只会在开发环境下产生,生产环境下正常

相关问题