解决element-ui按需引入不了Scrollbar的问题

一、报错原因

在我想按需引入element-ui时，突然报错：

这个报错来的有点措不及防。明明在页面当中能够使用，为仕么在单独引入时却不能引用了，真是百思不得其解。

经过在百度上的查找才知道，原来Scrollbar是element-ui的隐藏组件，没有暴露这个组件。

二、解决方法

既然element-ui没有暴露这个方法，那我只能自己手动进行暴露了。

首先在element-ui/types下面添加一个scrollbar.d.ts的文件：

import { ElementUIComponent } from './component'

export declare class ElScrollbar extends ElementUIComponent {
  /** 可选参数，容器的样式名 */
  wrapClass: string

  /** 可选参数，展示视图样式名 */
  viewClass: string

  /** 可选参数，容器的样式 */
  wrapStyle: string

  /** 可选参数，展示视图样式 */
  viewStyle: string

  /** 可选参数，是否使用原生滚动。默认false */
  native: boolean

  /** 可选参数，容器大小是否是不可变的。默认false */
  noresize: boolean

  /** 可选参数，渲染容器的标签 */
  tag: string
}

 然后在element-ui/types/element-ui.d.ts的文件当中引入：

 最后把这个方法暴露出来就可以了：

 自此这个隐藏的组件就暴露出来可以引用了。希望element-ui的官方在后续的更新当中能够把这个给主动的暴露出来，这样我们以后按需引入Scrollbar的时候就能方便一些了。

参考链接：https://blog.csdn.net/zhouweihua138/article/details/80077311

参考链接：https://blog.csdn.net/u012411231/article/details/90176544