当我尝试使用babel-cli v6转换我的代码时，为什么我得到一个‘未知选项：.babelrc.presets`错误？

Question

我的package.json里有这个

"devDependencies": {
  ...
  "babel-cli": "^6.8.0",
  "babel-core": "^6.8.0",
  "babel-preset-es2015": "^6.6.0",
  "babel-preset-react": "^6.5.0",
  "babel-preset-stage-2": "^6.5.0",
  ...
}

在我的.babelrc里有这个

{
  "presets": [
    "react",
    "es2015",
    "stage-2"
  ]
}

在运行babel --source-maps=true --out-dir=lib src时，我得到这样的结果：

$ ./node_modules/.bin/babel --source-maps=true --out-dir=lib src

ReferenceError: [BABEL] src/main.js: Unknown option: /dev/my-project/.babelrc.presets

我用的是babel-cli 6，为什么它不能识别.babelrc.presets

Answer 1

回答我自己的问题，因为我试图解决这个问题一段时间，我认为这可能会对其他人有帮助：

这个问题是一个已知的npm v3错误。与npm v2不同，npm v3将扁平化依赖树，因此在我的项目中有一个很深的依赖关系，包括babel v5，npm将二进制文件链接到我的./node_modules/.bin目录，覆盖来自我的devDependency ("babel-cli": "^6.8.0")的二进制文件。

修复方法是在npm install完成后重新构建此包。您应该将此代码添加到package.json中

"scripts": {
  ...
  "postinstall": "npm rebuild babel-cli",
  ...
}