关于引入bootstrap问题

Question

关于vue的东西我不是很懂，这个错误我百度了一下说是因为Bootstrap的js文件和jQuery的js问题，vue的东西我一时消化不过来，也不知道在哪引入Bootstrap的js文件比较合适，还请老师帮忙看一下这个问题，报错如下：
vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in v-on handler: “TypeError: $(…).modal is not a function”

found in

—> at src/views/admin/chapter.vue
at src/views/admin.vue
at src/app.vue

warn @ vue.runtime.esm.js?2b0e:619
logError @ vue.runtime.esm.js?2b0e:1884
globalHandleError @ vue.runtime.esm.js?2b0e:1879
handleError @ vue.runtime.esm.js?2b0e:1839
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1862
invoker @ vue.runtime.esm.js?2b0e:2179
original._wrapper @ vue.runtime.esm.js?2b0e:6917
vue.runtime.esm.js?2b0e:1888 TypeError: $(…).modal is not a function
at VueComponent.add (chapter.vue?4e6a:157)
at click (eval at ./node_modules/cache-loader/dist/cjs.js?{“cacheDirectory”:“node_modules/.cache/vue-loader”,“cacheIdentifier”:“0af812a7-vue-loader-template”}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/admin/chapter.vue?vue&type=template&id=1fa47763& (app.js:1034), :18:28)
at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)
at HTMLButtonElement.invoker (vue.runtime.esm.js?2b0e:2179)
at HTMLButtonElement.original._wrapper (vue.runtime.esm.js?2b0e:6917)

Answer 1

甲蛙 2020-05-04 09:25:42

检查下是不是没引入bootstrap.min.js，或者引入的写法不对。

如果还有问题，可以加入QQ群详细沟通

• 提问者 慕仙3318693 #1

  vue文件怎么引入bootstrap.min.js文件呢，我之前没接触过vue，辛苦老师

• 甲蛙 回复 提问者 慕仙3318693 #2

  在index.html里添加<script src="<%= BASE_URL %>ace/assets/js/bootstrap.min.js"></script>，可以看看我的源码。