Problem
I'm trying to create a babel environment (on an external drive if that matters) and I've been following the documentation as listed in the resources. I believe the Babel resources are up-to-date and I've downloaded the various dev deps however on running 'npm start', the "Cannot find module '@babel/preset-env'" appears.
According to package.json there is no mismatch between babel/core and babel/preset-env What am I missing here?
Update - I now see a different error
After changing the scripts I now see a new error. See below.
Current Error
node:internal/modules/cjs/loader:998
throw err;
^
Error: Cannot find module 'D:\APIs\graphQL\course_api\src'
at Module._resolveFilename (node:internal/modules/cjs/loader:995:15)
at Module._load (node:internal/modules/cjs/loader:841:27)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
at Object.<anonymous> (D:\APIs\graphQL\course_api\node_modules\@babel\node\lib\_babel-node.js:146:21)
at Module._compile (node:internal/modules/cjs/loader:1159:14)
at Module._extensions..js (node:internal/modules/cjs/loader:1213:10)
at Module.load (node:internal/modules/cjs/loader:1037:32)
at Module._load (node:internal/modules/cjs/loader:878:12)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
at node:internal/main/run_main_module:23:47 {
code: 'MODULE_NOT_FOUND',
requireStack: []
}
Resources Used
Babel docs
Stack Overflow on env-preset
Stack Overflow: Did you mean @babel/env
Stack Overflow: Couldn't find preset-env relative to directoy
Modules
"dependencies": {// blank}
"devDependencies": {
"@babel/cli": "^7.19.3",
"@babel/core": "^7.20.2",
"@babel/node": "^7.20.2",
"@babel/preset-env": "^7.20.2",
"nodemon": "^2.0.20"
}
Scripts
"scripts": {
"babel-node": "babel-node --presets='@babel/preset-env'",
"start": "nodemon --exec npm run babel-node -- src"
},
babel.config.json
{
"presets": [
[
"@babel/preset-env",
{
"targets": {
"edge": "17",
"firefox": "60",
"chrome": "67",
"safari": "11.1"
},
"useBuiltIns": "usage",
"corejs": "3.6.5"
}
]
]
}
File Structure
[
What I've tried
- I tried following an outdated solution and installing with 'npm i -D babel-preset-env' This answer is now 3 years old and googling the library leads you to @babel/preset-env
- I tried updating the script to be very specific
"babel-node": "babel-node --presets='./node_modules/@babel/preset-env'",
"babel-node": "babel-node --presets=@babel/preset-env", // removed quotation marks
I'm not sure what to expect at the moment. I just have a folder src with a simple index.js file inside with a very basic arrow function. I'm not sure what to do next.