Logical operator breaks dev and build

[marcosmartini]

What version of astro are you using?

2.0.6

Are you using an SSR adapter? If so, which one?

None

What package manager are you using?

npm

What operating system are you using?

Mac

Describe the Bug

When using a logical operator (<=), Astro breaks and thinks there is something wrong with a fragment.

Code example:

<Layout title="Welcome to Astro.">
	<main>
		{
			[1,2,3,4,5,6,7,8,9].filter((_, index) => index <= 6 ).map(n => (
				<div>{n}</div>
			))
		}
	</main>
</Layout>

The following breaks it: index <= 6

Link to Minimal Reproducible Example

https://stackblitz.com/edit/github-v8kbtt?file=src/pages/index.astro

Participation

• I am willing to submit a pull request for this issue.

[cijiugechu]

I found that by removing all the spaces between the StartExpression( { ) and the TextToken it compiles successfully.

<Layout title="Welcome to Astro.">
	<main>
		{[1,2,3,4,5,6,7,8,9].filter((_, index) => index <= 6 ).map(n => (
				<div>{n}</div>
			))
		}
	</main>
</Layout>

Strange bug, probably caused by the tokenizer in the compiler.

[marcosmartini]

Thanks, @cijiugechu, that works!

[Princesseuh]

Moving to the compiler repo, thank you for investigating!

[mpstaton]

This fix doesn't work for me.