Vue presenta JQuery y Bootstrap e informa que jquery__WEBPACK_IMPORTED_MODULE_0___default(...)(...).modal no es una función

El origen del asunto:

今天让ChatGPT办我改写一个用html+js+echarts实现的知识图谱可视化项目,让它帮我改成Vue+echarts实现的形式,不得不说,它是真的强,几百行的代码不到一分钟就改好了,但是代码经过调试后一直有一个Bug'解决不了。在原代码中,右键点击图谱中的某个节点,可以弹出一个模态框可以对节点信息进行编辑,打开浏览器报错,就是下面这段信息,我追着ChatGPT问了一圈(20分钟)也没能解决,最后不得不告诉ChatGPT,"不难为你了,谢谢你的帮助,这个问题我自己再研究研究吧”,( 还是对它客气一点比较好,可能它已经觉醒了,有一天要miejue人类,说不定能放我一马,哈哈哈)

jquery__WEBPACK_IMPORTED_MODULE_0___default(...)(...).modal is not a function
TypeError: jquery__WEBPACK_IMPORTED_MODULE_0___default(...)(...).modal is not a function

inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí
Finalmente, después de cinco lanzamientos, finalmente encontré una solución. De hecho, era un problema de discrepancia de versión. ChatGPT también lo mencionó, pero la solución que dio no fue degradar, sino usar un complemento llamado. Seguí el método que proporcionó bootstrap-vueÉxito (tal vez lo hice mal). Finalmente, también fui a ChatGPT para dar mi opinión, que es una pequeña contribución (tal vez no la necesite en absoluto)

Centrarse en :
写这篇博客的目的主要还是记录,毕竟我花了时间才解决的这个问题,后面如果有兄弟遇到类似的问题也可以提供一下参考。说到这里,其实还有一个重要的原因,如果有很多发解决类似这种问题的帖子,我也没必要发了,但是我不管是去百度还是Google搜这个问题,提到这个问题的贴子或者是博文都很少,这里我题提StackOverflow山的一篇文章,它里面的解释这个错误导致的原因是在JQuery引入之前引入了Bootstrap,理由是Bootstrap要依赖于JQuery,也确实如此,但是不管我怎样调整import语句的顺序都无济于事,不过大家遇到类似的问题也可以参考一下那个回答,毕竟遇到问题要多方面查找问题,相关链接我会放在文章下方。

PD:

¿Cómo arreglar "modal no es una función" en vue.js?

Guess you like

Origin blog.csdn.net/qq_46034741/article/details/130030584