Expected identifier but found "import"

[nevil2]

Not sure what library is causing this.

Today when I updated the packages,

npm run dev gives this error message:

✘ [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 ...../vite.config.ts

Rolled back to (libraries with updates have previous version specified):

{
	"name": "cckit",
	"version": "0.0.1",
	"private": true,
	"scripts": {
		"dev": "vite dev",
		"stage": "vite dev --mode staging",
		"build": "vite build",
		"preview": "vite preview --port 5173",
		"test": "npm run test:integration && npm run test:unit",
		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
		"lint": "prettier --plugin-search-dir . --check . && eslint .",
		"format": "prettier --plugin-search-dir . --write .",
		"test:integration": "playwright test",
		"test:unit": "vitest"
	},
	"devDependencies": {
		"@playwright/test": "^1.47.2",
		"@sveltejs/adapter-cloudflare": "4.8.0",
		"@sveltejs/kit": "2.12.2",
		"@sveltejs/vite-plugin-svelte": "^5.0.1",
		"@tailwindcss/vite": "^4.0.0-beta.5",
		"@types/dompurify": "^3.0.5",
		"@types/eslint": "^9.6.1",
		"@types/grecaptcha": "^3.0.9",
		"@types/gtag.js": "^0.0.20",
		"@types/leaflet": "^1.9.14",
		"eslint": "^9.13.0",
		"eslint-config-prettier": "^9.1.0",
		"eslint-plugin-svelte": "^2.46.0",
		"prettier": "^3.3.3",
		"prettier-plugin-organize-imports": "^4.1.0",
		"prettier-plugin-svelte": "^3.2.7",
		"prettier-plugin-tailwindcss": "^0.6.9",
		"svelte": "5.14.4",
		"svelte-check": "^4.0.5",
		"tailwindcss": "^4.0.0-beta.4",
		"typescript": "^5.6.3",
		"typescript-eslint": "^8.12.2",
		"vite": "6.0.3",
		"vitest": "^2.1.4"
	},
	"dependencies": {
		"@stripe/stripe-js": "^5.0.0",
		"@tanstack/svelte-query": "^5.59.16",
		"buffer": "^6.0.3",
		"chartist": "^1.3.0",
		"docx": "^9.0.2",
		"dompurify": "^3.1.6",
		"ical-generator": "^8.0.0",
		"leaflet": "^1.9.4",
		"marked": "^15.0.1",
		"pdf-lib": "^1.17.1",
		"picomatch": "^4.0.2",
		"tippy.js": "^6.3.7",
		"uuid": "^11.0.2",
		"wrangler": "3.96.0"
	},
	"type": "module"
}

If I npm i, I get same error message.

If I npm ci using original package-lock.json it works as before.

vite.config.ts is

import { sveltekit } from '@sveltejs/kit/vite'
import tailwindcss from '@tailwindcss/vite'
import { defineConfig } from 'vitest/config'

export default defineConfig({
	plugins: [
		sveltekit(),
		tailwindcss()
	],
	test: {
		include: ['src/**/*.{test,spec}.{js,ts}']
	}
})

Anyone any idea what is causing this. At present I can no longer update packages.

[dominikg]

caused by esbuild 0.24.1, see sveltejs/svelte#14790

[nevil2]

Thanks, I'll close discussion as it is covered elsewhere.