Error: The requested module does not provide an export named 'default'

[Dylan190774]

I use the Quasar Framework, which uses Vite 5 with Typescript.

I added this to compilerOptions in tsconfig.json:
"types": ["@modyfi/vite-plugin-yaml/modules"]

The app runs fine, until the yaml file is read with:
import settings_yaml from './../assets/yaml/settings.yaml';
I get the following error in the console, and the app stops functioning:
SyntaxError: The requested module '/src/assets/yaml/settings.yaml?t=1714951438630&import' does not provide an export named 'default' (at settings.ts?t=1714951555254:3:8)

The contents of the settings.yaml file is just this:

en:
  level: level
nl:
  level: niveau

Any idea why this is happening?

And when I add --- to the top of the yaml file, I get:
SyntaxError: Invalid left-hand side expression in prefix operation (at settings.yaml?t=1714952403955&import:1:3)

I resorted back to using a JSON file for now, but I'd really like to be able to use a YAML file.