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

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

今天在敲代码的遇到了

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';

改成这样图标就出现了


相关文章
|
1月前
|
JavaScript 编译器
成功解决:Module build failed: Error: Vue packages version mismatch
这篇文章记录了解决Vue项目中遇到的"Module build failed: Error: Vue packages version mismatch"错误的步骤,原因是项目中Vue依赖的版本不一致,解决方法是删除`node_modules`后重新安装指定版本的Vue和`vue-template-compiler`,确保版本匹配,最终成功运行项目。
成功解决:Module build failed: Error: Vue packages version mismatch
|
4月前
报错/ ./node_modules/axios/lib/platform/index.js Module parse failed: Unexpected token (5:2)怎么解决?
报错/ ./node_modules/axios/lib/platform/index.js Module parse failed: Unexpected token (5:2)怎么解决?
|
2月前
|
JavaScript
This dependency was not found:* vue/types/umd in ./src/router/index.jsTo install it, you can run
This dependency was not found:* vue/types/umd in ./src/router/index.jsTo install it, you can run
This dependency was not found:* vue/types/umd in ./src/router/index.jsTo install it, you can run
|
4月前
vue2项目安装出现Syntax Error: Error: Cannot find module ‘less‘
vue2项目安装出现Syntax Error: Error: Cannot find module ‘less‘
48 0
|
10月前
|
JavaScript
vue 报错-Module not found: Error: Can't resolve 'element-plus' in '
vue 报错-Module not found: Error: Can't resolve 'element-plus' in '
232 1
|
4月前
./node_modules/vue-qr/dist/vue-qr.js报错You may need an appropriate loader to handle this file type问题
./node_modules/vue-qr/dist/vue-qr.js报错You may need an appropriate loader to handle this file type问题
|
4月前
|
JavaScript
【Vue Error】Virtual script not found, may missing <script lang=“ts“> “allowJs“: true / jsconfig.json
【Vue Error】Virtual script not found, may missing <script lang=“ts“> “allowJs“: true / jsconfig.json
|
9月前
|
JavaScript
Vue项目报错:This relative module was not found
Vue项目报错:This relative module was not found
|
9月前
|
前端开发 JavaScript
Module build failed: TypeError: this.getResolve is not a function,vue写css时启动出错
Module build failed: TypeError: this.getResolve is not a function,vue写css时启动出错
40 0
|
10月前
|
Web App开发 JavaScript
vue踩坑-Error: Can't resolve 'sass-loader' in 'E:\Element-UI-master\src\components'
vue踩坑-Error: Can't resolve 'sass-loader' in 'E:\Element-UI-master\src\components'
102 0