Javascript 在html中使用cdn不会加载页面_Javascript_Html

Javascript 在html中使用cdn不会加载页面

javascript html

Javascript 在html中使用cdn不会加载页面,javascript,html,Javascript,Html,我试图在我的javascript上使用makerjs，并使用cdn <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <

我试图在我的javascript上使用

makerjs

，并使用cdn

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>
</head>
<body>
    <script src="https://cdn.jsdelivr.net/npm/makerjs@0/target/js/browser.maker.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bezier-js@2/bezier.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/opentype.js@0/dist/opentype.js"></script>
</body>
</html>

呈现页面时没有问题。但是如果我将第一个与

vscode

一起使用，它不会呈现任何内容

index.js

文件如下所示

var makerjs = require('makerjs');

var line = { 
  type: 'line', 
  origin: [0, 0], 
  end: [50, 50] 
 };

var svg = makerjs.exporter.toSVG(line);

document.write(svg);

不使用cdn地址呈现页面有什么问题？

尝试将cdn放在

标记下并尝试，只是为了确保在调用函数以获得所需输出之前加载所需的js文件。是否尝试将js包装在加载函数周围？很乐意提供帮助：）尝试将cdn放在

标记下并尝试，只是为了确保在调用函数以获得所需输出之前加载所需的js文件。是否尝试将js包装在加载函数周围？乐意帮忙：）

var makerjs = require('makerjs');

var line = { 
  type: 'line', 
  origin: [0, 0], 
  end: [50, 50] 
 };

var svg = makerjs.exporter.toSVG(line);

document.write(svg);