在 vue3 中导入外部原生 javascript 文件有问题吗？

问：

我想按照教程“https://www.geeksforgeeks.org/how-to-make-a-qr-code-generator-using-qrcode-js/”在vue3中使用js库“https://github.com/davidshimjs/qrcodejs”。 我尝试了npm包，但它不起作用。所以，我尝试通过 CDN 方法使用纯 js 库，包括来自标签“script”的包，但我没有到达包的 QRCode 对象。它给了我一个错误，它没有定义。 所以，我的问题是，我可以在 vue 中包含 javascript 原生库，来自 vue3 中的 \public\index.html？有没有办法做到这一点？你可以举个例子，它不一定是这个特定的包。 感谢您的帮助。

我做了什么：

1. 在 \public\index.html 中包含包

<script src= "https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"> </script>

2. 在组件中使用 QRCode 对象，在标记脚本中创建一个 QRCode 对象，如下所示：

   var qrcode = new QRCode("qrcode", "https://www.geeksforgeeks.org");

结果：“130：19 错误'QRCode'未定义 no-undef”