Question

无法读取 null 的属性“hasAttribute”

2021-05-19

8738

javascript laravel npm mdbootstrap

我遇到了 Material Design Bootstrap 问题，我使用 NPM 添加了它，但当我在我的网站上时，出现了此错误：

Uncaught TypeError: Cannot read property 'hasAttribute' of null
    at r (app.js:19116)
    at Module.o.m.n (app.js:19116)
    at o (app.js:19116)
    at app.js:19116
    at app.js:19116
    at Object../node_modules/mdb-ui-kit/js/mdb.min.js (app.js:19116)
    at __webpack_require__ (app.js:19361)
    at Object../resources/js/app.js (app.js:1845)
    at __webpack_require__ (app.js:19361)
    at app.js:19500

问题出在哪里： hasAttribute("data-mdb-no-jquery") 。我不知道如何纠正这个问题。

感谢您的回答！

Answer 1

您能发送使用此行的代码块吗？

无法读取 null 的属性“hasAttribute” 意味着您在某处执行了类似 myVariable.hasAttribute(...) 的操作，但 myVariable 的值为 null 或未定义，因此没有可调用的函数。

Answer 2

就我而言，我将脚本包含在头部，此时找不到主体。我将 mdb 的脚本移到了主体标记的末尾。现在错误消失了。

Answer 3

问题是我们将脚本源包含/链接放在哪里。

我在使用 webflow.js 文件时遇到了这个问题，它被放在文档的头部并导致了这个错误。
它试图读取 document.body 的属性，但 DOM 尚未加载。

因此，只需将其放在正文末尾之前，webflow.js 就能正确读取 DOM，错误警告就会消失。类似这样：

...
    <script src="<?php echo $absPathSSL;?>js/webflow.js"></script>
</body>
</html>
...

希望这对某些人有帮助。