在17-19课时,bootstrap js没有加载导致模态框点不出来的问题及解决
我们在课程里演示了artisan preset命令切换前端框架,当然我们也提到了这个命令还存在一些bug,比如近期小伙伴们就发现,除了视频里演示的那个bug,还会发生:
(问题描述)
在artisan preset none以后再执行artisan preset bootstrap,就会导致bootstrap这个前端框架的js文件没有加载上,同时jQuery也没有加载上,从而导致我们课程中的模态框只是有css样式,但是点击并不会弹出模态框
(问题原因)
由于这个preset命令的bug,导致resources/js/bootstrap.js中下面这块代码没有被加上
try { window.Popper = require('popper.js').default; window.$ = window.jQuery = require('jquery'); require('bootstrap'); } catch (e) {}
可以看到这块的作用就是尝试加载bootstrap和jQuery相应的js文件
(问题解决)
如果你也遇到了上述问题,就在你的resources/js/bootstrap.js中加入上面的这块代码,然后再编译即可