Using external babel configuration

Question

I'm using @babel/node package in my project

and when I run my project as:

npm run dev

I'm getting this message in cmd window:

> Using external babel configuration 
> Location: "...(project folder path)\.babelrc"

And when I build my project jsx files, I received errors . How to solve it?

Dev dependencies:

"devDependencies": {
    "@babel/node": "^7.7.4",
    "@babel/preset-env": "^7.7.6",
    "babel-preset-env": "^1.7.0",
    "nodemon": "^1.19.4"
}

.babelrc file:

{
  "presets": ["next/babel", "@babel/preset-env"]
}

Emad jalali bostanoo · Accepted Answer · 2020-01-29T09:52:11.870

1

Had the same issue, removed "@babel/preset-env" in .babelrc file. Deleting this part solves the issue (worked for me).

edited Jan 29 '20 at 09:52

answered Jan 29 '20 at 09:23

Emad jalali bostanoo

26
2

score 0 · Answer 2 · answered Jan 29 '20 at 09:54

My babel.rc for developing js apps using nodejs is like this:

{
    "presets": [
        ["@babel/preset-env"],
    ],
    "plugins": [
        ["@babel/transform-runtime"]
    ],
    "env": {
        "development": {
          "sourceMaps": true,
          "retainLines": true
        }
    }
}

And my dev script is like this:

"dev": "./node_modules/.bin/cross-env NODE_ENV=development ./node_modules/.bin/nodemon --exec ./node_modules/.bin/babel-node src/index.js | pino-pretty",

I use cross-env and pino, you can remove it.

I hope helpful.

Using external babel configuration

2 Answers2