“Uncaught TypeError: $(...).dataTable is not a function”

转载：https://www.tpyyes.com/a/js_css/2018/0718/680.html

小编的页面出现了“Uncaught TypeError: $(...).dataTable is not a function”错误，检查了好几遍js引入路径，都没有发现任何问题，具体错误如下：

Uncaught TypeError: Cannot read property 'defaults' of undefinedat jquery.dataTables.bootstrap.js:2
(anonymous) @ jquery.dataTables.bootstrap.js:2
Uncaught TypeError: $(...).dataTable is not a function user_list:198 at HTMLDocument.<anonymous> (user_list:198)at l (jquery.min.js:4)at Object.fireWith [as resolveWith] (jquery.min.js:4)at Function.ready (jquery.min.js:4)at HTMLDocument.S (jquery.min.js:4)

这个是jquery.dataTables里面的函数，小编是这样引入的：

<script src="${cxt}/assets/dist/echarts.js"></script>
<!-- page specific plugin scripts -->
<script src="${cxt}/assets/js/jquery.dataTables.min.js"></script>
<script src="${cxt}/assets/js/jquery.dataTables.bootstrap.js"></script>

s引入路径绝对没有任何问题，但是依然报“Uncaught TypeError: "xxx" is not a function”错误，错误的地方如下：

问题解决分析：

一般出现“Uncaught TypeError”这类型的错误，有如下4个原因：

1：您引入的js里面undefined未定义该函数，页面就会有类似上图“dataTable”的提示。

2：您的js文件引入路径错误了，这个比较常见，检查引入路径是否正确即可。

3：您引入的js文件与别的js文件有冲突，这个时候就需要一个个的注释掉js文件来排查。

4：您引入的js文件顺序不对，也存在冲突，你就要调整一下引入顺序即可，或删除掉冲突的js文件，这是小编遇到的这种情况！

小编的问题：

小编一个个的排查，发现小编在引入jquery.dataTables.min.js这个文件的时候，上方有一个“echarts.js”图表插件的js，好像和它有冲突，当小编将echarts.js这一行注释掉之后，就再也没有报“Uncaught TypeError: $(...).dataTable is not a function”错误了。

如果你一定要使用“echarts.js”这个文件，也可以将它放在“jquery.dataTables.min.js”这个文件的下方，于是小编将它们换了个位置，也可以，如图所示：

问题就解决了！

“Uncaught TypeError: $(...).dataTable is not a function”相关推荐

“Uncaught TypeError: string is not a function”
http://www.cnblogs.com/haitao-fan/archive/2013/11/08/3414678.html 今天在js中写了一个方法叫做search(),然后点击按钮的时候提示 ...
Uncaught TypeError: XXX is not a function解决
转载:https://blog.csdn.net/u011870547/article/details/52765811 后台没有错误,前端一直显示 Uncaught TypeError: withd ...
Fatal error: Uncaught ArgumentCountError: Too few arguments to function 解决方法
出现Fatal error: Uncaught ArgumentCountError: Too few arguments to function ....eval()'d code on line ...
分类信息网和织梦搬家后报错Fatal error: Uncaught ArgumentCountError: Too few arguments to function AddFilter(), 3
换服务器,用宝塔面板,新服务器是PHP7.2,而分类信息网和织梦之前用的是PHP5.6,所以出现此类问题,在新面板上安装旧版本PHP就能解决. 我遇到的问题: 1.培训分类信息网打不开首页,首页报错. ...
JS报错 Uncaught TypeError: undefined is not a function，解决
Chrome调试报错:Uncaught TypeError: undefined is not a function,所有的数据都显示不出来原因正如错误提示:调用了一个没有定义的方法,实际是一个空值 ...
JS中常见的 “Uncaught TypeError: XXXX is not a function” 错误解析
文章目录原因一.实例详解 - 方法名与变量名重复 1.首先看代码: 2.输出结果: 3.输出解析说明: 4.实际输出步骤: 二.实例详解 - 方法名或者变量名各自重名 1.代码如下: 2.执行步 ...
Vue3.x 报 Uncaught TypeError:Object(...) is not a function( Vue3对象不是函数解决思路)
今天在vue3的练习时候发现我写的路由总是浏览器报错,仔细校验文档发现并没有错误啊,可总是报Uncaught TypeError:Object(...) is not a function的错误,看下 ...
layui报错Uncaught TypeError: tree is not a function
layui报错Uncaught TypeError: tree is not a function tree({ elem: "#classtree" , data: data , ...
JS异常处理：Uncaught TypeError: xxx is not a function at HTMLAnchorElement.onclick
JS异常处理:Uncaught TypeError: xxx is not a function at HTMLAnchorElement.onclick ---- 关于<a>标签调用o ...
js编程常见错误：Uncaught TypeError: XXX is not a function解决
Uncaught TypeError: XXX is not a function解决后台没有错误,前端一直显示 Uncaught TypeError: withdraw is not a func ...

“Uncaught TypeError: $(...).dataTable is not a function”

“Uncaught TypeError: $(...).dataTable is not a function”

“Uncaught TypeError: $(...).dataTable is not a function”相关推荐

最新文章

热门文章