Unexpected token 'with'

[eric-burel]

Describe the bug

Hi folks, I am hitting an issue on install:

dependencies:
+ @tutorialkit/components-react 0.0.2
+ react 18.3.1
+ react-dom 18.3.1

devDependencies:
+ @astrojs/check 0.7.0
+ @astrojs/react 3.6.0
+ @iconify-json/ph 1.1.13
+ @iconify-json/svg-spinners 1.1.2
+ @tutorialkit/astro 0.0.2
+ @tutorialkit/types 0.0.2
+ @types/node 20.14.11
+ @types/react 18.3.3
+ @unocss/reset 0.59.4
+ astro 4.11.6
+ fast-glob 3.3.2
+ prettier-plugin-astro 0.14.1
+ typescript 5.5.3
+ unocss 0.59.4

Done in 25.3s

> flat-bird@0.0.1 dev /home/eric-burel/code-hdd/flat-bird
> astro dev

SyntaxError: Unexpected token 'with'
    at ESMLoader.moduleStrategy (node:internal/modules/esm/translators:119:18)
    at ESMLoader.moduleProvider (node:internal/modules/esm/loader:468:14)
 ELIFECYCLE  Command failed with exit code 1.
 ERROR  Command failed with exit code 1: pnpm run dev

Link to a StackBlitz project which shows the error

No response

Steps to reproduce

pnpm create tutorial

Use default settings

Expected behavior

Should install :)

Screenshots

No response

Platform

• TutorialKit version: we can't really see the version when initializing a project
• OS: Ubuntu 22
• Node v18.18.2

Additional context

No response

[AriPerkkio]

As work-around you can use Node 18.20.0 which added support for import attributes: https://github.com/nodejs/node/releases/tag/v18.20.0.

With that one you'll still see experimental feature warninig:

$ node --trace-warnings ./node_modules/astro/astro.js dev
(node:86304) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
    at emitExperimentalWarning (node:internal/util:274:11)
    at ModuleLoader.jsonStrategy (node:internal/modules/esm/translators:308:3)
    at ModuleLoader.moduleProvider (node:internal/modules/esm/loader:299:14)

I didn't yet find the root cause but there might be some dependency that's using import attributes.

[AriPerkkio]

It's coming from here: sindresorhus/cli-boxes#11
Also reported on Astro: withastro/astro#11483

[AriPerkkio]

In #159 we'll update create tutorial to use newer version of astro that doesn't have this issue.

For now you can update astro manually after generating the tutorial:

pnpm install astro@latest