无法加载 Raphael.js 库,找不到 appendChild 方法?

Posted

技术标签:

【中文标题】无法加载 Raphael.js 库,找不到 appendChild 方法?【英文标题】:Can't load Raphael.js library, appendChild method not found? 【发布时间】:2011-05-05 06:59:59 【问题描述】:

我正在尝试将 raphael.js(已下载并在本地运行)加载到 html 文件中,但脚本拒绝退出,在我的 JS 控制台中出现此错误:

Uncaught TypeError: 
Cannot call method 'appendChild' of null
bV                   on raphael.js:7
a                    on raphael.js:7
(anonymous function) on raphael.html:22

这是针对缩小版的,1789行的非最小版也会出现同样的错误。

我从网站下载了代码,尝试了压缩和未压缩,以及下载了其中一个演示中链接的 JS 文件,所有这些都在我的浏览器(chrome)中运行良好。

有什么想法吗?

【问题讨论】:

你能提供raphael.html的代码吗?我假设raphael.js 是:github.com/DmitryBaranovskiy/raphael/raw/master/raphael-min.js 的副本? 【参考方案1】:

我遇到了同样的问题,结果证明是加载顺序问题。这是原始代码:

<!doctype html>
<html>
  <head>
    <script src='raphael-1.5.2.js'></script>
    <script>
        var paper = Raphael(10, 50, 300, 250);
        var circle = paper.circle(50, 40, 10);
        circle.attr('fill', '#c00');
        circle.attr('stroke', '#fff');
    </script>
  </head>

  <body></body>
</html>

原来当Raphael(10, 50, 300, 250) 被调用时,它会尝试将一个canvas 元素附加到body 上……这还不存在。所以将它包装在 window.onload 或 jQuery onload 函数中解决了这个问题:

<!doctype html>
<html>
  <head>
    <script src='raphael-1.5.2.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'></script>
    <script>
      $(function () 
        var paper = Raphael(10, 50, 300, 250);
        var circle = paper.circle(50, 40, 10);
        circle.attr('fill', '#c00');
        circle.attr('stroke', '#fff');
      );
    </script>
  </head>

  <body></body>
</html>

【讨论】:

2013 这仍然是相关的。谢谢! 2014年6月,这一次的力道依然强劲

以上是关于无法加载 Raphael.js 库,找不到 appendChild 方法?的主要内容,如果未能解决你的问题,请参考以下文章

PHP 启动:无法加载动态库 'php_intl.dll'- 找不到指定的模块

php: 加载 oracle 驱动程序给出错误“无法加载动态库 - 找不到指定的过程。”

无法加载动态库“libtensorflowlite_c.so”:dlopen 失败:找不到库“libtensorflowlite_c.so”

java.lang.UnsatisfiedLinkError:无法加载库“TSCLIB”:找不到指定的模块

PyInstaller 包烧瓶应用程序无法加载 Python 库,dlopen -> 找不到图像

无法加载动态库 'C:\xampp\php\ext\php_imagick.dll' - 找不到指定的模块