Cannot import modulepreload-polyfill

[logkirk]

I'm new to web development, so I may be missing something obvious. I'm following the setup guide in the README. Why can't I import the modulepreload-polyfill? I am importing this at the top of my alarms.ts, which is where I assume it needs to go.

My project structure:

.
├── ScannerAlarm
│   ├── __init__.py
│   ├── asgi.py
│   ├── settings.py
│   ├── urls.py
│   └── wsgi.py
├── alarm
│   ├── __init__.py
│   ├── admin.py
│   ├── apps.py
│   ├── migrations
│   │   ├── 0001_initial.py
│   │   └── __init__.py
│   ├── models.py
│   ├── static
│   │   └── alarm
│   │       └── alarms.ts
│   ├── templates
│   │   └── alarm
│   │       └── alarms.html
│   ├── tests.py
│   ├── urls.py
│   └── views.py
├── db.sqlite3
├── manage.py
├── package-lock.json
├── package.json
├── tsconfig.json
└── vite.config.js

npm packages:

(.venv) log@MacBookPro ~/P/S/ScannerAlarm (master)> npm list
[email protected] /Users/log/Projects/ScannerAlarm/ScannerAlarm
├── @types/[email protected]
├── @vitejs/[email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]

Build error:

/opt/homebrew/bin/npm run build

> [email protected] build
> tsc && vite build

alarm/static/alarm/alarms.ts:2:8 - error TS2307: Cannot find module 'vite/modulepreload-polyfill' or its corresponding type declarations.

2 import "vite/modulepreload-polyfill";
         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


Found 1 error in alarm/static/alarm/alarms.ts:2