Bootstrap4.x 上使用bootstrap-treeview.js图标没有了

最近要做一下后台管理的权限管理，想着之前写的有一个，于是就直接拿过来使用吧。
结果运行之后发现树形菜单中的 图标 不展示了，如下图：

后续网上找方案发现说是bootstrap4把这些图标分离出去了。
那就看看bootstrap-treeview.js的源文件吧 找到如下代码：

expandIcon: 'glyphicon glyphicon-plus',
collapseIcon: 'glyphicon glyphicon-minus',
emptyIcon: 'glyphicon',
nodeIcon: '',
selectedIcon: '',
checkedIcon: 'glyphicon glyphicon-check',
uncheckedIcon: 'glyphicon glyphicon-unchecked',

那我们把这些字体替换就可以了，替换成fontawesome中的图标，换成如下图标：

expandIcon: 'fa fa-plus',
collapseIcon: 'fa fa-minus',
emptyIcon: 'fa',
nodeIcon: '',
selectedIcon: '',
checkedIcon: 'fa fa-check-square',
uncheckedIcon: 'fa fa-square',

本来打算把fa-square 替换成fa-square-o的，但是不太好使。
运行结果如下：