如何将Blotter.js导入我的React.js应用程序?

时间:2019-05-26 14:00:52

标签: reactjs blotter

我试图在我的React应用程序中使用Blotter.js,但是我找不到在我的React应用程序中定义Blotter类的方法。

我导出了测试Blotter.js(https://codepen.io/jgordon-orange/pen/oEGxpp)的codepen,它在本地工作,因为它不是React应用程序。但是,尝试在我的Index.HTML的头部添加脚本标签无效。我也尝试使用React导入所有脚本,但是那也不起作用。从NPM导入软件包无法正常工作,可能是因为三年未进行更新。


  componentDidMount() {
    const links = ["https://cdn.rawgit.com/bradley/Blotter/3007fe6e/build/blotter.min.js", "https://cdn.rawgit.com/bradley/Blotter/3007fe6e/build/materials/channelSplitMaterial.js", "https://cdn.rawgit.com/bradley/Blotter/3007fe6e/build/materials/fliesMaterial.js"]

    for (var i=0; i<links.length; i++){
      const script = document.createElement("script");
      script.src = links[i];
      script.async = true;
      document.body.appendChild(script);
    }
  }

当我尝试使用导入库的方法运行代码时,我期望代码可以像我链接的演示中那样工作,但我却收到此错误:TypeError:blotter__WEBPACK_IMPORTED_MODULE_13 __。default.Text不是构造函数,或者我没有定义Blotter。

0 个答案:

没有答案