我正在學(xué)習(xí)一個(gè)簡(jiǎn)單的在線教程。沒(méi)有什么花哨的事情發(fā)生，我沒(méi)有使用 Node 或 React。這家伙正在使用 Sandbox，但我只是使用 Brackets 和桌面上的文件夾來(lái)包含我的文件。一切都很好，直到我必須將一個(gè)類從一個(gè)腳本 ( paddle.js )導(dǎo)出到主腳本 ( index.js )。在更改第一行之前，正如預(yù)期的那樣，我在瀏覽器中只有一個(gè)空白畫(huà)布。更改第一行（分別通過(guò)插入導(dǎo)出/導(dǎo)入命令）后，我在 Chrome 中收到以下錯(cuò)誤：未捕獲的語(yǔ)法錯(cuò)誤：意外的標(biāo)識(shí)符 index.js:1未捕獲的語(yǔ)法錯(cuò)誤：意外的令牌導(dǎo)出 paddle.js:1這是我的腳本 paddle.js：export default class Paddle { constructor(gameWidth, gameHeight){ this.width = 150; this.height = 30; this.position = { x: (gameWidth - this.width) / 2, y: gameHeight - this.height - 10, }; } draw(ctx){ ctx.fillRect(this.position.x,this.position.y,this.width,this.height); }}這是我的腳本 index.js：import Paddle from 'paddle';let canvas = document.getElementById("gameScreen");let ctx = canvas.getContext('2d');const GAME_WIDTH = 800;const GAME_HEIGHT = 600;ctx.clearRect(0,0, GAME_WIDTH,GAME_HEIGHT) //clears region between corners of screen, necessary fro re-drawing because screen does not 'reset' until I tell it to.let paddle = new Paddle(GAME_WIDTH, GAME_HEIGHT);paddle.draw(ctx);這是我的 html 文件 index.html（主要是樣板文件）：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> #gameScreen{ border: 1px solid black; } </style> <title>breakout tutorial</title></head><body> <canvas id = "gameScreen" width="800" height="600"></canvas> <script src = "index.js"></script> <script src = "paddle.js"></script></body></html>我應(yīng)該在屏幕底部得到一個(gè)藍(lán)色的槳，就像這個(gè)人的視頻一樣：https://www.youtube.com/watch?v=3EMxBkqC4z0
對(duì)同一目錄中的兩個(gè) javascript 文件使用導(dǎo)入/導(dǎo)出有困難
浮云間
2021-09-30 16:55:34
