微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在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中加入上面的这块代码,然后再编译即可

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐