soybean遇到的问题

1、All destructured elements are unused.Vetur(6198)

vs code的设置里搜， 默认是有勾选的，取消勾选。

vetur.validation:script

2、找不到模块“./xxx”或其相应的类型声明。

 解决方法：根目录新建env.d.ts，添加以下代码

declare module "*.vue" {
  import type { DefineComponent } from "vue";
  const vueComponent: DefineComponent<{}, {}, any>;
  export default vueComponent;
}

3、更改图标库为iconfont，此项目有更换主题颜色，因为使用下载至本地的方法

    (1) 进入项目以后选择 Font class 并下载到本地

    

    (2)把下载的文件解压粘贴到自己的项目中，放在 assets静态文件目录下

    

    (3)在main.js文件内全局引入阿里云字体图标 css，确保路径正确

import './assets/iconfont/iconfont.css'

     (4)如果图标样式出现方框，需要对font初始化，在全局样式中添加以下代码

.icon, .iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

    (4)使用图标，icon-shouye也是图标名称

<i class="iconfont icon-home"></i>

4、修改左侧导航栏以及头部导航栏的图标

    (1)左侧导航栏为路由模块，文件路径"src/router/modules"中添加首页，命名为home.ts

    

    (2)更改左侧导航栏图标显示，文件路径"src\components\custom\svg-iocn.vue"

    

    (3)我的二级菜单是没有图标的，而此项目是每级都有图标，会有问题

    

     在"src\layouts\common\global-tab\components\tab-detail\index.vue"进行判断