使用外部 babel 配置答案

【问题标题】：Using external babel configuration使用外部 babel 配置
【发布时间】：2020-01-28 15:24:51
【问题描述】：

我在我的项目中使用@babel/node 包

当我运行我的项目时：

npm 运行开发

我在 cmd 窗口中收到此消息：

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

当我构建我的项目 jsx 文件时，我收到了错误。如何解决？

开发依赖：

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

.babelrc 文件：

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

【问题讨论】：

标签： node.js next.js babel-node

【解决方案1】：

有同样的问题，在 .babelrc 文件中删除了“@babel/preset-env”。删除这部分可以解决问题（对我有用）。

【讨论】：

【解决方案2】：

我使用nodejs开发js应用的babel.rc是这样的：

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

而我的dev 脚本是这样的：

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

我用cross-env和pino，你可以去掉。

希望对你有帮助。

【讨论】：