“无法读取属性'appendChild'的null”在Backbone网站上的Disqus [英] "Cannot read property 'appendChild' of null" with Disqus on Backbone website

问题描述

我在Backbone上有一个网站。
当我尝试执行Disqus代码时，我得到

I have a website on Backbone. When I try to execute Disqus code i get

未捕获的TypeError：无法读取null的属性'appendChild'

Uncaught TypeError: Cannot read property 'appendChild' of null

我该如何解决？为什么会这样？

How can I fix it? Why is this happening?

var disqus_shortname = 'mysite';

/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
  var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();

console：

undefined
embed.js:1 Unsafe attempt to redefine existing module: BASE
embed.js:1 Unsafe attempt to redefine existing module: apps
embed.js:1 Unsafe attempt to redefine existing module: get
...

embed.js:1 Unsafe attempt to redefine existing module: configAdapter
embed.js:1 Unsafe attempt to redefine existing module: removeDisqusLink
embed.js:1 Unsafe attempt to redefine existing module: loadEmbed
embed.js:1 Unsafe attempt to redefine existing module: reset
embed.js:1 Uncaught TypeError: Cannot read property 'appendChild' of null

推荐答案

看来你的文件是因某种原因缺少头和正文。

It appears your document is missing both a head and a body for some reason.

试试这个：

(function() {
    var dsq = document.createElement('script');
    var head = document.getElementsByTagName('head')[0];
    var body = document.getElementsByTagName('body')[0];

    dsq.type = 'text/javascript';
    dsq.async = true;
    dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';

    console.log('head', head);
    console.log('body', body);

    (head || body).appendChild(dsq);
}());

然后查看控制台。

这篇关于“无法读取属性'appendChild'的null”在Backbone网站上的Disqus的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！