Babel plugin-proposal-decorators missing when following Quick Start guide

[rayjsales]

🐞 Describe the Bug

Following the Quick Start tutorial guide, in the 'Define a Route' section, where it states to add a model() method to the Route in the app/routes/scientists.js file, I get a Parsing error: Cannot find module '@babel/plugin-proposal-decorators'

🔬 Minimal Reproduction

Follow the Quick Start tutorial guide, up to 'Define a Route' section, and then paste in the sample model provided for scientists. I am using ESLint.

my emberJS Tutorial Repo

😕 Actual Behavior

After pasting in the scientist model provided in the Quick Start guide, the Parsing Error shows up. I continue on to the Quick Start guide and loop through each scientist to render the names on the page, and the names do appear.

🤔 Expected Behavior

When running the Quick Start guide, and following all the prompts, all required dependancies should be installed. No errors or issues should show up when running a quick start guide.

🌍 Environment

• Ember: - 6.0.0
• Ember-CLI: - 6.0.1
• Node.js/npm: - v20.11.0
• OS: darwin x64
• Browser: Firefox

➕ Additional Context

New user of EmberJS. I am using VSCode with ESLint.

[NullVoxPopuli]

First, thank you for reporting!

Apologies though,
I cloned your repo:

❯ git clone git@github.com:rayjsales/emberJS_tutorial.git
❯ cd emberJS_tutorial/
❯ pnpm i

And I was not able to reproduce the issue.
Had you installed dependencies? 🤔

[rayjsales]

Thank you for getting back to me so quickly.

That's interesting. I was following the Quick Start guide. I thought the required dependencies would have installed when following the guide. From the guide, I ran these commands in the terminal to get the app up and running.

npm install -g ember-cli
ember new ember-quickstart --lang en
cd ember-quickstart
npm start
ember generate route scientists

Then went into the directory to modify this file app/routes/scientists.js. I did run npm install --save-dev @babel/plugin-proposal-decorators to make sure the package is installed. Terminal says 'up to date', but the parsing error is still there.

When I turn off my ESLint the error goes away. My ESLint is configured as default when first installing the extension on VSCode. Could the BUGFIX Add missing package for TS eslint config #10564 still be applicable?

[NullVoxPopuli]

hm, I was unable to reproduce an issue, and my package.json does have:

    "@babel/plugin-proposal-decorators": "^7.25.9",

Here are my exact commands, as they differ slightly (I don't install ember globally)

npx ember-cli@latest new ember-quickstart --lang en
cd ember-quickstart/
npm start
npm exec ember generate route scientists

ould the BUGFIX Add missing package for TS eslint config #10564 still be applicable?

unlikely, the deps are present.

is vscode using a different version of eslint from somewhere else? instead of the local copy of eslint?

[rayjsales]

I was able to fix the issue. I ran the following commands to fix:

npm uninstall eslint
npm install --save-dev eslint

I did install a handful of other dependencies to try and fix. But the above commands worked. Now in package.json eslint has been upgraded to 9.15.0. I pushed my changes to my repo if you want to review.

Not sure why these commands worked though. It's interesting, because I thought ESLint dependency was already installed.

[kategengler]

@rayjsales Can you reproduce the issue if you follow those initial steps again? If you can, could you share your package.json and lockfile?

[rayjsales]

Hi @kategengler - I followed the same initial steps on a fresh project and was able to reproduce the issue. Attached please find my package.json and lock file as requested.
package.json
package-lock.json