index.html

<!DOCTYPE html>
<meta charset="utf-8">

<head>
    <title>Page Title</title>
    <style>
        circle {
            fill: steelblue;
            stroke: #fff;
            stroke-width: 3px;
        }

        path {
            fill: none;
            stroke: #000;
            stroke-width: 1px;
        }
    </style>


</head>


<body>
    <div id='arrows'></div>

    <script src="https://d3js.org/d3.v5.min.js"></script>
    <script src="dist/d3-cyclicarrow.js"></script>
    <script>
    d3.svg('path.svg').then(function (svg) {
            svgnode = document.importNode(svg.documentElement, true);
            console.log(svgnode);
            d3.select("div#arrows").node().append(svgnode);
            console.log('sss');
            bh = d3.cyclicarrow()([]);
            console.log(bh);
            console.log('aaa');
        });
    
   
    </script>

</body>