sveltejs/svelte-eslint-parser

Repository tracker

Issues

svelte parsing error in template literals

#346
Jan 8, 2025
Before You File a Bug Report Please Confirm You Have Done The Following... I have tried restarting my IDE and the issue persists. I have updated to the latest version of the packages. What version of ESLint are you using? 8.41.0 What version of eslint-plugin-svelte are you using? 2.29.0 What did you do?
Configuration module.exports = { root: true, extends: [ 'eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:svelte/recommended', 'prettier' ], parser: '@typescript-eslint/parser', plugins: ['@typescript-eslint'], parserOptions: { sourceType: 'module', ecmaVersion: 2020, extraFileExtensions: ['.svelte'] }, env: { browser: true, es2017: true, node: true }, overrides: [ { files: ['*.svelte'], parser: 'svelte-eslint-parser', parserOptions: { parser: '@typescript-eslint/parser' } } ] };
<script> let workaround = setInitialClassState.toString(); function setInitialClassState() { // does something } </script> <svelte:head> <!-- This causes the new eslint-plugin-svelte to throw a parsing error --> {@html `<script nonce="%sveltekit.nonce%">(${setInitialClassState.toString()})();</script>`} <!-- This is works --> {@html `<script nonce="%sveltekit.nonce%">(` + workaround + `)();</script>`} </svelte:head> What did you expect to happen? I migrated over to this plugin from the now deprecated eslint-plugin-svelte3. The previous one didn't throw this parsing error. What actually happened? /parsing-error-eslint-plugin-svelte/src/routes/+page.svelte 11:45 error Parsing error: ')' expected āœ– 1 problem (1 error, 0 warnings) Link to GitHub Repo with Minimal Reproducible Example https://github.com/AdrianGonz97/parsing-error-eslint-plugin-svelte Additional comments No response