Я пытаюсь использовать пакет npm react-tree-graph, используя unpkg, но получаю ошибку
react-tree-graph
unpkg
Требуется не определена ошибка.
У меня также естьпопытался включить пакет require npm, но не сработал
require
const { Button } = Reactstrap; //const {Tree} = "react-tree-graph"; import Tree from "https://unpkg.com/react-tree-graph@4.0.0/dist/index.js"; import require from "https://unpkg.com/requirejs@2.3.6/bin/r.js"; let data = { name: 'Parent', children: [{ name: 'Child One' }, { name: 'Child Two' }] }; // Render a Reactstrap Button element onto root ReactDOM.render( < Tree data = { data } height = { 400 } width = { 400 } />, document.getElementById('root') );
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>repl.it</title> <link href="style.css" rel="stylesheet" type="text/css" /> <script src="https://unpkg.com/react@16/umd/react.development.js"></script> <script src="https://unpkg.com/react-tree-graph@4.0.0/dist/index.js"></script> <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script> <script src="https://unpkg.com/requirejs@2.3.6/bin/r.js"></script> <script src="https://unpkg.com/react-transition-group@2.2.1/dist/react-transition-group.min.js" charset="utf-8"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/reactstrap/4.8.0/reactstrap.min.js" charset="utf-8"></script> </head> <body> <div id="root"></div> <script src="script.js" type="text/babel"></script> </body> </html>