unplugin / unplugin-vue-components

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

Open element-plus directive error #292

Closed shengwong233 closed 2 years ago

shengwong233 commented 2 years ago

"element-plus": "^1.3.0-beta.5", "unplugin-vue-components": "^0.17.13", "unplugin-auto-import": "^0.5.11",

[vite] Internal server error: Failed to resolve import "element-plus/es/components/loading-directive/style/css" from "src/App.vue". Does the file exist?

there is not has "element-plus/es/components/loading-directive/style/css" at node_module/element-plus

nabaonan commented 2 years ago

I test it is ok, v-loading not throw error

"unplugin-vue-components": "^0.17.15",
"element-plus": "^1.3.0-beta.10",
<template>
  <el-table v-loading="loading" :data="tableData" style="width: 100%">
    <el-table-column prop="date" label="Date" width="180" />
    <el-table-column prop="name" label="Name" width="180" />
    <el-table-column prop="address" label="Address" />
  </el-table>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const loading = ref(true)

const tableData = [
  {
    date: '2016-05-02',
    name: 'John Smith',
    address: 'No.1518,  Jinshajiang Road, Putuo District',
  },
  {
    date: '2016-05-04',
    name: 'John Smith',
    address: 'No.1518,  Jinshajiang Road, Putuo District',
  },
  {
    date: '2016-05-01',
    name: 'John Smith',
    address: 'No.1518,  Jinshajiang Road, Putuo District',
  },
]
</script>

<style>
body {
  margin: 0;
}
</style>
JialeHub commented 2 years ago

Related issue: https://github.com/element-plus/element-plus/issues/4855#issue-1081697099

JialeHub commented 2 years ago

自动回复:您好,您所发的邮件已收到,感谢!This is an automatic reply, confirming that your e-mail was received.Thank you!