Element-Module not found: Error: Can‘t resolve ‘@element-plus/icons-vue/dist/types‘ in ‘D:\project\

爱你三千遍斯塔克

于 2024-04-02 21:52:50 发布

阅读量1.3k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： Bug-后端Maven容易不定期报错，要注意不定期保存文件文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_54048131/article/details/137292685

Bug-后端Maven容易不定期报错，要注意不定期保存文件专栏收录该内容

221 篇文章

订阅专栏

作者在使用Element-plus时遇到`ModuleNotFoundError`，在尝试导入icons-vue组件样式时遇到问题。解决方法是将导入路径从`@element-plus/icons-vue/dist/types`改为`@element-plus/icons-vue`，从而成功显示图标。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天在敲代码的遇到了

Module not found: Error: Can't resolve '@element-plus/icons-vue/dist/types' in 'D:\project

这里如何解决,这里我是在引入Element-ui的局部组件样式时候出现的问题

<template>
    <div>
        <el-icon :size="size" :color="color">
            <Edit></Edit>
        </el-icon>
    </div>
</template>

<script>
import { Edit } from '@element-plus/icons-vue/dist/types';
export default {
    name: "MyIcons",
    components: {
        Edit
    }
}
</script>

<style></style>

后来找到了解决方案是：

import 引入应该这样写：

import { Edit } from '@element-plus/icons-vue';