Question

问问题

0

我刚刚使用The Coding Train的视频安装了atom编辑器以及p5管理器软件包。我正在尝试使用Atom实时服务器查看我的代码。但是，当我点击“启动服务器”时，它会打开一个带有服务器名称的新标签，并且没有显示我的代码应该执行的任何操作。激活Javascript控制台ju

00％20AM屏幕截图2019-06-20 at 10.54.00 AM.jpg 2173×1134 241 KB st显示以下消息：p5.sound.js：211 AudioContext不允许启动。用户在页面上手势后，必须恢复（或创建）它。 https://developers.google.com/web/updates/2017/09/autoplay-policy-changes#webaudio（匿名）@ p5.sound.js：211 p5.sound.js：4247 AudioContext不允许启动。用户在页面上手势后，必须恢复（或创建）它。 https://developers.google.com/web/updates/2017/09/autoplay-policy-changes#webaudio Tone.Context @ p5.sound.js：4247（索引）：53启用了实时重新加载。

！[40％20AM | 466x313]

我的sketch.js代码是：

function setup() {

createCanvas（windowWidth，windowHeight）; }

function draw() {

background（255,255,255）; console.log（“ HELLO”）; 打印（“ HELLO”）； }

我的index.html代码是：

robby1

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>robby1</title>

    <script src="sketch.js"></script>
    <script src="libraries/p5.js"></script>
    <script src="libraries/p5.dom.js"></script>
    <script src="libraries/p5.sound.js"></script>
    <link rel="shortcut icon" href="">

    <style>
        body {
            margin:0;
            padding:0;
            overflow: hidden;
        }
        canvas {
            margin:auto;
        }
    </style>
</head>
<body>
</body>
</html>

为了澄清，我在macOS莫哈韦沙漠上使用了chrome。我不熟悉html，但了解p5.js。

Atom实时服务器不起作用

0 个答案: