ESLint Prettier: Parsing-Fehler: Unerwartetes Token mit ⇐ JavaScript

[Guest]

Ich bin ziemlich neu bei ESLint, Prettier und Babel; Ich lerne immer noch, wie sie zusammenarbeiten. Ich verwende Visual Studio Code 1.96.4 mit den Erweiterungen ESLint und Prettier.
In einer meiner Javascript-Dateien habe ich eine Importanweisung mit einer Typzusicherung. Zum Beispiel:

Code: Select all

import * as manifest from './package.json' with { type: 'json' };
~~~~

Meine IDE teilt mir mit, dass ESLint ein Problem mit der obigen Importanweisung hat:

Code: Select all

Parsing error: Unexpected token with | eslint

Ich habe eine eslint.config.js-Datei, die ein eslint.Linter.Config-Array exportiert, das mein eigenes Konfigurationsobjekt angibt (das Sprachoptionen hat und Regeln), gefolgt von einer empfohlenen Konfiguration von @eslint/js und der vom ESLint Prettier-Plugin empfohlenen Konfiguration.

Code: Select all

import pluginJs from '@eslint/js';
import eslintPluginPrettier from 'eslint-plugin-prettier/recommended';
import globals from 'globals';

/** @type {import('eslint').Linter.Config[]} */
export default [
{
languageOptions: {
globals: {
...globals.browser,
...globals.jest
},
ecmaVersion: 2024,
sourceType: 'module'
},
rules: {
...
}
},
pluginJs.configs.recommended,
eslintPluginPrettier    //