vue-element-admin侧边栏引入svg图片不生效

### 回答1：
如果你在 Vue 项目中使用 vue-element-admin 框架，并且在侧边栏引入了 SVG 图片，但是图片不显示，可能是因为侧边栏组件的 `src/router/index.js` 文件中的 `sidebarItems` 数组没有正确配置。

首先，你需要在 `src/icons/svg` 目录下添加你的 SVG 图片，并在 `src/icons/index.js` 文件中导入这些 SVG 图片。

然后，你需要在 `src/router/index.js` 文件中找到 `sidebarItems` 数组，确保你的侧边栏项目对象中的 `icon` 属性值是你导入的 SVG 图片的名称，这里需要注意的是，`icon` 属性值不需要带 `.svg` 后缀名。

例如，如果你导入了一个名为 `example.svg` 的 SVG 图片，你需要在 `sidebarItems` 数组中的侧边栏项目对象中设置 `icon: 'example'`。

最后，你需要在你的组件中使用 `SvgIcon` 组件来显示 SVG 图片，如下所示：

<template>
  <div>
    <svg-icon icon-class="example" />
  </div>
</template>

<script>
import SvgIcon from '@/components/SvgIcon/index.vue'

export default {
  components: { SvgIcon }
}
</script>

这样，你的侧边栏中的 SVG 图片就应该可以正常显示了。

### 回答2：
若`vue-element-admin`侧边栏引入SVG图片不生效，可能有以下几个原因：

1. SVG图片的引入路径不正确：检查SVG图片的路径是否正确，确保路径是相对于项目根目录的。

2. Webpack配置问题：检查`vue.config.js`或`webpack.config.js`文件中是否配置了正确的loader规则来处理SVG文件。可以添加类似如下的配置代码：

module.exports = {
  chainWebpack: config => {
    const svgRule = config.module.rule('svg');
    svgRule.uses.clear();
    svgRule
      .use('svg-sprite-loader')
      .loader('svg-sprite-loader')
      .options({
        symbolId: 'icon-[name]',
      });
  },
};

3. 侧边栏组件中未正确应用SVG图标：检查侧边栏组件的代码，确保SVG图标已正确引入并使用。可以尝试在组件中通过`<svg-icon icon-class="iconName"></svg-icon>`的方式来使用SVG图标，其中`iconName`是你对应的SVG图标的类名。

4. SVG图标样式不正确：检查SVG图标的样式是否正确，确保宽高和颜色设置正确。可以通过CSS或组件样式来设置SVG图标的宽高和颜色属性。

综上所述，检查SVG图片路径、Webpack配置、侧边栏组件代码和SVG图标样式这几个方面，可以解决`vue-element-admin`侧边栏引入SVG图片不生效的问题。