Reactjs 无法读取属性'；直径'；未定义的

我是jointjs新手，在React项目中很难导入jointjs。我得到的错误是 TypeError:无法读取未定义的属性“dia”。我将此版本用于我的项目jointjs:3.0.4、lodash:4.17.14和jquery:3.4.1

import React from 'react';
import $ from "jquery";
import  _ from "lodash";
import './App.css';
import joint from "jointjs";


class App extends React.Component{  

  constructor(){
    super()

  }

  componentDidMount(){
    this.InitializeGraph();
  }

InitializeGraph(){

  var graph = new joint.dia.Graph;
  new joint.dia.Paper({ el: $('#paper-html-elements'), width: 650, height: 400, gridSize: 1, model: 
  graph });

 }


  render(){
    return(
    <div>
   <div id='paper-html-elements'> </div>
    </div>
    )
  }
}

export default App;

从“React”导入React；
从“jquery”导入$；
从“洛达斯”进口；
导入“/App.css”；
从“jointjs”导入关节；
类应用程序扩展了React.Component{
构造函数（）{
超级（）
}
componentDidMount（）{
this.InitializeGraph（）；
}
初始化graph（）{
var图=新接头直径图；
新联合直径纸张（{el:$（'#纸张html元素'），宽度：650，高度：400，网格大小：1，型号：
图}）；
}
render（）{
返回(
)
}
}
导出默认应用程序；

根据文档，不再存在默认导入

你需要这样做

import * as joint from 'jointjs'

或者您可以通过以下方式导入

dia

本身——

import { dia } from 'jointjs/src/core.mjs';

---

尝试检查

接头

。可能使用console.log（）。它应该是一个对象