vue3+element-plus，运行报错 Can't resolve './fonts/element-icons.ttf'

Question

问题描述

按照element-plus官网的安装引用步骤，在vue3项目中，引入element-plus，报错 Can't resolve './fonts/element-icons.ttf'
安装的依赖："element-plus": "^1.1.0-beta.21",

问题出现的环境背景及自己尝试过哪些方法

在vue.config.js中配置了

       {
          test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
          loader: 'file-loader',
          options: {
            limit: 10000,
            name: 'font/[name].[hash:6].[ext]'
          }
        }

请问有谁遇到过这种问题吗？求解决方法

Answer 1

我觉得这可能是一个bug，你找到 node_modules\element-plus\dist\fonts 会发现里面还有一个fonts文件夹，把里面的字体文件复制到上一级就好了。