关于element-plus/icons报错问题的终极解决方案
来源:3-7 构建登录页面 UI 结构

十丈红尘
2025-02-13
具体报错:
解决步骤:
- 修改package.json
"dependencies": {
"@element-plus/icons-vue": "^0.2.4",
"core-js": "^3.6.5",
"element-plus": "^1.3.0-beta.5",
"vue": "^3.2.8",
"vue-router": "^4.0.11",
"vuex": "^4.0.2"
}
- 删除掉src/plugins/element.js文件中的这一行
import 'element-plus/lib/theme-chalk/index.css'
- 修改src/views/login/index.vue的引用
import { Avatar } from '@element-plus/icons-vue'
- 修改src/App.vue文件
<template>
<router-view />
</template>
<script>
export default {
name: 'App'
}
</script>
<style></style>
- 删除node_modules模块然后执行npm install重新安装
- 依赖安装成功后执行:npm run serve 即可
写回答
1回答
-
十丈红尘
提问者
2025-02-13
同学们参考以上答案解决
00
相似问题