🐛 [Bug]: 按需引入无法使用

[YeJoe]

Failed to resolve import "vue-devui/row/index.es.js" from "src\layout\index.vue". Does the file exist? 17:47:45 [vite] Internal server error: Failed to resolve import "vue-devui/row/index.es.js" from "src\layout\index.vue". Does the file exist? Plugin: vite:import-analysis File: D:/software/VSCODE workspace/Blog/DevUIBlog/src/layout/index.vue:1:87 1 | /* unplugin-vue-components disabled */import { Row as __unplugin_components_1 } from 'vue-devui/row/index.es.js';import 'vue-devui/grid/style.css'; | ^ 2 | import { Col as __unplugin_components_0 } from 'vue-devui/col/index.es.js';import 'vue-devui/grid/style.css'; 3 | import { ref } from 'vue'; at formatError

按照文档配置了按需引入失败，请问哪里出错了?

[GaoNeng-wWw]

看起来的确是bug，会尽快修复，当然如果您有找到解决方案也欢迎提交pr，会在PR合并入库后关闭commit

[GaoNeng-wWw]

<!-- app.vue -->
<template>
  <d-row class="docs-devui-row">
    <d-col :span="12">col-12</d-col>
    <d-col :span="12">col-12</d-col>
  </d-row>
  <d-row class="docs-devui-row">
    <d-col :span="8">col-8</d-col>
    <d-col :span="8">col-8</d-col>
    <d-col :span="8">col-8</d-col>
  </d-row>
  <d-row class="docs-devui-row">
    <d-col :span="6">col-6</d-col>
    <d-col :span="6">col-6</d-col>
    <d-col :span="6">col-6</d-col>
    <d-col :span="6">col-6</d-col>
  </d-row>
  <d-row class="docs-devui-row">
    <d-col :span="4">col-4</d-col>
    <d-col :span="4">col-4</d-col>
    <d-col :span="4">col-4</d-col>
    <d-col :span="4">col-4</d-col>
    <d-col :span="4">col-4</d-col>
    <d-col :span="4">col-4</d-col>
  </d-row>
</template>

<style>
.docs-devui-row:not(:last-of-type) {
  margin-bottom: 20px;
}

.docs-devui-row .devui-col {
  text-align: center;
  min-height: 44px;
  line-height: 44px;
}

.docs-devui-row .devui-col:nth-of-type(2n + 1) {
  background: var(--devui-global-bg);
}

.docs-devui-row .devui-col:nth-of-type(2n) {
  background: var(--devui-primary);
}
</style>

// vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import Components from 'unplugin-vue-components/vite'
import { DevUiResolver } from 'unplugin-vue-components/resolvers'

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

似乎无法复现bug，是否可以提供一个最小可复现仓库？

[YeJoe]

devui-test

屏蔽掉自动引入可以使用，加上不行

[GaoNeng-wWw]

devui-test

屏蔽掉自动引入可以使用，加上不行

应该是resolver的问题，可以先手动引用。等有时间了会给resolver的仓库交一个pr

[YeJoe]

OK

[GaoNeng-wWw]

问题已由 田主 banlify 提交 PR#614 修复