关于element-plus/icons报错问题的终极解决方案

来源:3-7 构建登录页面 UI 结构

十丈红尘

2025-02-13

具体报错:
图片描述
解决步骤:

  1. 修改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"
  }
  1. 删除掉src/plugins/element.js文件中的这一行
import 'element-plus/lib/theme-chalk/index.css'
  1. 修改src/views/login/index.vue的引用
import { Avatar } from '@element-plus/icons-vue'
  1. 修改src/App.vue文件
<template>
  <router-view />
</template>

<script>
export default {
  name: 'App'
}
</script>

<style></style>
  1. 删除node_modules模块然后执行npm install重新安装
  2. 依赖安装成功后执行:npm run serve 即可
写回答

1回答

十丈红尘

提问者

2025-02-13

同学们参考以上答案解决

0
0

基于Vue3新标准,打造后台综合解决方案

基于Vue3重写Vue-element-admin,打造后台前端综合解决方案

1959 学习 · 1727 问题

查看课程