页面加载时会加载带有图标的外部脚本，但不显示图标

Question

首先非常感谢你阅读我的问题！

我在vue文件中工作。在App.vue中，我导入一个带有这样的图标的外部.js文件

let recaptchaScript2 = document.createElement('script')
recaptchaScript2.setAttribute('src', '../static/js/uikit-icons.min.js')
document.head.appendChild(recaptchaScript2)

当我加载页面时，脚本已加载。 但是图标没有显示在页面上，元素选项卡中的图标为空。然后，当我在代码中进行小的随机更改时，vue“重新加载”页面（没有真正的刷新）。然后图标会显示出来！

我认为这可能是因为脚本因任何原因重新加载，然后在其他所有内容之后加载。但是当我添加一个间隔来执行加载脚本500ms以后的代码时，脚本会最后加载，但图标不显示！

所以我想知道：这里发生了什么？我错过了什么？

非常感谢您阅读我的问题！