unplugin / unplugin-vue-components

📲 On-demand components auto importing for Vue
https://www.npmjs.com/package/unplugin-vue-components
MIT License
3.65k stars 341 forks source link

naiveui 二次封装组件扩展时,使用 unplugin-vue-components 内部的组件没有被识别自动导入 #771

Open InfernalAzazel opened 3 weeks ago

InfernalAzazel commented 3 weeks ago

1.同类问题,没有解决

253

2.关键代码

vite.config.ts

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import Components from 'unplugin-vue-components/vite'
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
import { NaiveProResolver } from '@naive-pro/resolver';

const debugResolver = (name) => {
  console.log(`Resolving component: ${name}`);
  return null; // 返回 null 继续下一个解析器
};

const testProResolver = (name: string) => {
  console.log('啊哈哈', name)
  return {
    name: name,
    from: `@naive-pro/components`,
    sideEffects: `@naive-pro/components/es/style.css`,
  };
}

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    Components({
      resolvers: [
        NaiveUiResolver(),
        NaiveProResolver()
      ]
    })
  ],
})

3.代码复现

4.异常效果

2024-06-12 17-40-09屏幕截图

5.只有全局注册 naiveui 才能正常使用,按需就不行。

image image image

pht2001 commented 1 week ago

试试多加一个配置 version Components({ version: 3, ....... })

InfernalAzazel commented 1 week ago

尝试多加一个配置版本 Components({ version: 3, ....... })

加了,没有一点效果