引入el-menu报错，Failed to resolve import ".../submenu/style/css"，找不到对应目录的样式
来源：7-2 headerCommon组件封装—在script-setup中使用defineEmits父子组件传参
慕娘1041457
2024-06-13
[vite] Internal server error: Failed to resolve import “element-plus/es/components/submenu/style/css” from “src/components/MainHeader.vue”. Does the file exist?
引入el-menu报错，找不到样式
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
<el-submenu index="1">
<template #title>{{ '中文站' }}</template>
<el-menu-item index="2-1">中文站</el-menu-item>
<el-menu-item index="2-2">国际站</el-menu-item>
</el-submenu>
</el-menu>
01:03:48 [vite] Internal server error: Failed to resolve import "element-plus/es/components/submenu/style/css" from "src/components/MainHeader.vue". Does the file exist?
Plugin: vite:import-analysis
File: D:/DEV_CODE/Intelligy_idead_code/cevent_pro/cms/cevent_cms_client/src/components/MainHeader.vue:2:131
1 | /* unplugin-vue-components disabled */import { ElMenu as __unplugin_components_3 } from 'element-plus/es';import 'element-plus/es/components/base/style/css';import 'element-plus/es/components/menu/style/css';
2 | import { ElSubmenu as __unplugin_components_2 } from 'element-plus/es';import 'element-plus/es/components/base/style/css';import 'element-plus/es/components/submenu/style/css';
这个自动导包要怎么配置啊？
1回答
-
有没有没被占用的昵称
2024-10-29
文档上说的不是很清楚吗
// vite.config.ts
import { defineConfig } from 'vite'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
export default defineConfig({
// ...
plugins: [
// ...
AutoImport({
resolvers: [ElementPlusResolver()],
}),
Components({
resolvers: [ElementPlusResolver()],
}),
],
})
00
相似问题