无法快速加载javascript文件

Question

我正在制作一个快速Web应用程序，但无法导入javascript文件。

在board.js中，我有一行const utility = require('./utility');。该语句给出错误：ReferenceError: require is not defined。

VSCode建议将const utility = require('./utility');转换为ES6模块。接受该建议后的结果是：import { generateRandomData } from './utility';。

如果执行此操作，则先前的错误消失了，但是出现了新的错误SyntaxError: import declarations may only appear at top level of a module。

这是项目的文件夹结构：

server.js：

const express = require("express");
const app = express();
const path = require('path');

const PORT = process.env.PORT || 5000

app.listen(PORT, () => {
    console.log("server started")
});

app.use(express.static(path.join(__dirname + '/public')))

app.get('/', (req,res) => {
    res.sendFile(__dirname + "/index.html")
});

utility.js：

const hello = () => {
    console.log('hello');
}

module.exports.hello = hello;

我还应该如何在board.js中导入javascript文件？

Answer 1

<script src="utility.js"></script>

我在index.html中添加了这一行，它解决了问题。

编辑：对不起，我以为我粘贴了这一行。