Question

我正在阅读本教程，当时那个人到达那里是黑色的画布，而实际上我做了那个人所做的事情，没有任何反应。因此，我一直在寻找问题所在。并不断给我

的错误

$(document).ready(function(){});

所以我查了一下可能是什么，他们说我需要获取jquery，所以我做了，它说了有关导入$的信息。我这样做了，并且不断收到导入错误。

import $ from "jquery";

SyntaxError：无法在模块外部使用import语句

我已尽力而为，但无济于事。这是我拥有的代码

JavaScript

import $ from "jquery";
var $ = require("jquery");

var Context = {
    canvas: null,
    context: null,
    create: function(canvas_tag_id) {
        this.canvas = document.getElementById(canvas_tag_id);
        this.context = this.canvas.getContext('2d');
        return this.context;
    }
};

$(document).ready(function() {

    // Initialize
    Context.create("canvas");

    Context.context.beginPath();
    Context.context.rect(0, 0, 1250, 650);
    Context.context.fillStyle = 'black';
    Context.context.fill();

});

HTML

<!DOCTYPE html>
<html>
    <head>
        <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
        <title>Hellcraze</title>
    </head>
    <body>
        <script src="main.js" type="module"></script>
        <canvas id="canvas" width="1250" height="640"
            style="border: 1px solid grey; width: 1250px; height: 640px;"
        ></canvas>
    </body>
</html>

我不知道我在做什么错。

无法在javascript

0 个答案: