p5.jsを利用した画像の読み込みと貼り付けに関する質問

p5.jsを使って画像の読み込みと貼り付けをしようと思ったのですが、失敗してしまいます。
原因がわかりません。どなたかのご回答をお待ちしております。

環境

・PC：mac
・ブラウザ：chrome
・ソースはダウンロードせず、p5.min.jsを外部から読み込んで使用しています。
・サンプルとなる画像は同じディレクトリ内にあります。

コード

let img;
function preload() {
    img = loadImage("sample.jpg");   // <-- 
}
function setup(){
    let canvas = createCanvas(600, 600);
    canvas.parent('canvas');
    fill(240);
    noStroke();
    background('#002B40');
    // 画像を貼り付け
    image(img, 100, 100);    // <--
    text("あ", 100, 100);
}

function draw(){
    textSize(32);
    text("ああああ", 300, 300);    
}