(define name):1:0: ERROR: Expected identifier but found "import"

Running npm run dev showing the following error

✘ [ERROR] Expected identifier but found "import"

(define name):1:0:
  1 │ import.meta.dirname
    ╵ ~~~~~~

✘ [ERROR] Expected identifier but found "import"

(define name):1:0:
  1 │ import.meta.filename
    ╵ ~~~~~~

✘ [ERROR] Expected identifier but found "import"

(define name):1:0:
  1 │ import.meta.url
    ╵ ~~~~~~

failed to load config from C:\studies\laravel\learnLaravel11\vite.config.mjs error when starting dev server: Error: Build failed with 3 errors: (define name):1:0: ERROR: Expected identifier but found "import" (define name):1:0: ERROR: Expected identifier but found "import" (define name):1:0: ERROR: Expected identifier but found "import" at failureErrorWithLog (C:\studies\laravel\learnLaravel11\node_modules\esbuild\lib\main.js:1476:15) at C:\studies\laravel\learnLaravel11\node_modules\esbuild\lib\main.js:945:25 at runOnEndCallbacks (C:\studies\laravel\learnLaravel11\node_modules\esbuild\lib\main.js:1316:45) at buildResponseToResult (C:\studies\laravel\learnLaravel11\node_modules\esbuild\lib\main.js:943:7) at C:\studies\laravel\learnLaravel11\node_modules\esbuild\lib\main.js:970:16 at responseCallbacks. (C:\studies\laravel\learnLaravel11\node_modules\esbuild\lib\main.js:622:9) at handleIncomingPacket (C:\studies\laravel\learnLaravel11\node_modules\esbuild\lib\main.js:677:12) at Socket.readFromStdout (C:\studies\laravel\learnLaravel11\node_modules\esbuild\lib\main.js:600:7) at Socket.emit (node:events:524:28) at addChunk (node:internal/streams/readable:561:12)

package.json { "private": true, "type": "module", "scripts": { "build": "vite build", "dev": "vite" }, "devDependencies": { "@tailwindcss/forms": "^0.5.2", "alpinejs": "^3.4.2", "autoprefixer": "^10.4.2", "axios": "^1.7.4", "concurrently": "^9.0.1", "laravel-vite-plugin": "^1.0", "postcss": "^8.4.31", "tailwindcss": "^3.1.0", "vite": "^6.0" } }

Composer.json

{ "$schema": "https://getcomposer.org/schema.json", "name": "laravel/laravel", "type": "project", "description": "The skeleton application for the Laravel framework.", "keywords": [ "laravel", "framework" ], "license": "MIT", "require": { "php": "^8.2", "laravel/framework": "^11.31", "laravel/tinker": "^2.9" }, "require-dev": { "fakerphp/faker": "^1.23", "laravel/breeze": "^2.3", "laravel/pail": "^1.1", "laravel/pint": "^1.13", "laravel/sail": "^1.26", "mockery/mockery": "^1.6", "nunomaduro/collision": "^8.1", "pestphp/pest": "^3.7", "pestphp/pest-plugin-laravel": "^3.0" }, "autoload": { "psr-4": { "App\": "app/", "Database\Factories\": "database/factories/", "Database\Seeders\": "database/seeders/" } }, "autoload-dev": { "psr-4": { "Tests\": "tests/" } }, "scripts": { "post-autoload-dump": [ "Illuminate\Foundation\ComposerScripts::postAutoloadDump", "@php artisan package:discover --ansi" ], "post-update-cmd": [ "@php artisan vendor:publish --tag=laravel-assets --ansi --force" ], "post-root-package-install": [ "@php -r "file_exists('.env') || copy('.env.example', '.env');"" ], "post-create-project-cmd": [ "@php artisan key:generate --ansi", "@php -r "file_exists('database/database.sqlite') || touch('database/database.sqlite');"", "@php artisan migrate --graceful --ansi" ], "dev": [ "Composer\Config::disableProcessTimeout", "npx concurrently -c "#93c5fd,#c4b5fd,#fdba74" "php artisan serve" "php artisan queue:listen --tries=1" "npm run dev" --names='server,queue,vite'" ] }, "extra": { "laravel": { "dont-discover": [] } }, "config": { "optimize-autoloader": true, "preferred-install": "dist", "sort-packages": true, "allow-plugins": { "pestphp/pest-plugin": true, "php-http/discovery": true } }, "minimum-stability": "stable", "prefer-stable": true }