p5.js - typescript importera externa bibliotek

Jag försöker använda p5.js-biblioteket för TypeScript. Jag har installerat det med npm i @types/p5 p5 och importerar det i koden som:

import p5 from "p5";

verkar kompileras utan problem. Men när jag kör projektets HTML i webbläsaren får jag följande fel:

Uncaught TypeError: Failed to resolve module specifier "p5". Relative references must start with either "/", "./", or "../".

Min .ts-kod finns i en undermapp som heter TS, den kompilerade JavaScripten finns i en mapp som heter JS och modulen installerades i en tredje undermapp som heter node_modules.

Så här ser det ut från VSCode:

Också, detta är min tsconfig.json:

{
  "compilerOptions": {
    "target": "es2015",
    "module": "ES2015",
    "sourceMap": true, 
    "outDir": "./dist",
    "rootDir": "./src",
    "strict": true,    
    "moduleResolution": "Classic",
    "esModuleInterop": true,      
    "skipLibCheck": true,         
    "forceConsistentCasingInFileNames": true
  }
}

Vet någon hur man kan hjälpa mig? Tack!