解决bootstrap点击无效 Uncaught TypeError: Cannot read property 'fn' of undefined

解决Uncaught TypeError: Cannot read property ‘fn’ of undefined

引入bootstrap 控制台报错

问题回顾

今天用bootstrap4的时候内置的插件点击完全没反应，console也同时报错
Uncaught TypeError: Cannot read property 'fn' of undefined

解决方案

查找发现是因为在头部引入外部样式与js库的时候顺序不对

要求是jQuery必须在bootstrap.js或其他js之前引入

    
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js">script>
    <script src="https://cdn.bootcss.com/popper.js/1.15.0/esm/popper.min.js" type="module">script>
	
    
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js">script>

引入popper.min.js报错

问题回顾

因为要用到bootstrap中的modal模态框，故引入popper.js但出现报错
报错内容
Uncaught SyntaxError: Unexpected token export

解决方案

查找资料发现是因为浏览器虽然支持了es6，但是不支持es6的Module直接使用，需要在script标签里加上 type="module"，让浏览器很好的去认识它。
这样就不报错了

	
    <script src="https://cdn.bootcss.com/popper.js/1.15.0/esm/popper.min.js" type="module">script>

参考资料

解决Uncaught TypeError: Cannot read property ‘fn’ of undefined
解决Uncaught SyntaxError: Unexpected token export