Question

当我运行时没有任何显示，我不知道代码是否有问题或其他。

HTML

<!DOCTYPE html>
<html>
<head>
 <title>game</title>
</head>
<body>
 <canvas id="screen" width="640" height="640"></canvas>
 <script type="module" src="/js/main.js"></script>
</body>
</html>

的javascript

    const canvas = document.getElementById('screen');
    const context = canvas.getContext('2d');


    context.fillRect(0, 0, 50, 50);

[stdin中]：3

ReferenceError: document is not defined
at [stdin]:3:16
at ContextifyScript.Script.runInThisContext (vm.js:50:33)
at Object.runInThisContext (vm.js:139:38)
at Object.<anonymous> ([stdin]-wrapper:6:22)
at Module._compile (module.js:652:30)
at evalScript (bootstrap_node.js:463:27)
at Socket.<anonymous> (bootstrap_node.js:234:15)
at emitNone (events.js:111:20)
at Socket.emit (events.js:208:7)
at endReadableNT (_stream_readable.js:1064:12)

Answer 1

您的脚本不是模块，您不会导出任何内容，您只需使用type =＆＃34; text / javascript＆＃34; （虽然这不太可能导致加载文件出现问题），除此之外可能检查一下你的路径？（最有可能的是）在你检查它应该画一个正方形后，其他一切看起来都是正确的。

javascript无法在外部文件中工作

1 个答案: