p5.js项目卡在preload()阶段，持续显示loading...求助

在p5.js项目中导入资源时，无论测试何种类型的资源文件，甚至使用空的preload()函数，项目都会卡在preload阶段，持续显示"loading..."。已尝试多种解决手段但均无效，且控制台无任何报错信息，鼠标点击等触发事件也无法响应。

相关代码 #

sketch.js #

let quote = "hi";
let font; 

function preload() {
  font = loadFont("/Users/stefan/Desktop/Design/P5/good_evil_overcome/Montserrat-Regular.ttf");
}


function setup() {
  createCanvas(windowWidth, windowHeight);
  background(0);
  rectMode(CENTER);

  textFont(font);
  textSize(windowWidth/25);
  textAlign(CENTER, CENTER);
  noStroke();
  fill(255);
  text(quote, windowWidth/2, windowHeight/2, windowWidth/2, windowHeight/2);

}

function draw() {

}

index.html #

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Sketch</title>

    <link rel="stylesheet" type="text/css" href="style.css">

    <script src="libraries/p5.min.js"></script>
    <script src="libraries/p5.sound.min.js"></script>
  </head>

  <body>
    <script src="sketch.js"></script>
  </body>
</html>

已尝试的解决方案 #

• 测试不同资源类型：.mp3、字体文件
• 使用本地HTTP服务器及Go Live功能运行项目
• 采用p5.js实例化方式编写代码
• 更新npm版本及HTTP服务器版本

内容的提问来源于stack exchange，提问作者Stefan