使用外部 babel 配置

Question

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

当我运行我的项目为：

npm run dev

我在 cmd 中收到此消息 window:

> 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"]
}

Answer 1

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

Answer 2

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

{
    "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，你可以去掉。

希望对你有帮助。

使用外部 babel 配置

Using external babel configuration

node.js

babel-node

next.js