Introducing bootstrapValidator js file into vue project to report error

the js,bootstrap in which I have imported the relevant jquery,bootstrap into the import file main.js works normally, but the error after importing bootstrapValidator is as follows:

clipboard.png

htmlbootstrapValidator
main.js:

clipboard.png

npm
chorme

clipboard.png
Baidu searched a lot. Errors like Uncaught TypeError: Cannot read property "XX" of undefined are caused by errors in the loading order of files, that is, bootstrapValidator.js relies on jquery.js, to import jquery, before importing. As I said above, I tried it on the ordinary html page, and reversing the import order does report an error, but I first imported jquery and bootstrap-related js in main.js. How should this problem be solved?

Mar.12,2021
Menu