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

上一篇:使用包管理工具配置babel


下一篇:vue create [project-name]做了什么?