捆绑失败：错误：找不到模块“ babel-preset-react-native-stage-0 / decorator-support”

Question

在从bitbucket推送并克隆后，先前存在的项目运行正常，而从bitbucket克隆后，在根目录中存在npm install和.babelrc文件，则出现此错误。

{
  "presets": [
    "babel-preset-react-native-stage-0/decorator-support"
  ],
  "env": {
    "development": {
      "plugins": [
        "transform-react-jsx-source"
      ]
    }
  }
}

尝试的步骤：

• npm install babel-preset-react-native-stage-0 --save
• npm install --save-dev babel-preset-react-native@2.1.0

但是在屏幕上出现相同的错误。

屏幕截图：

Answer 1

当我尝试运行一个旧的本机项目时，我也遇到了同样的问题。我刚刚开始学习本机操作，因此正在与同事一起尝试一个旧项目。

阅读以上答案后，我终于解决了这个问题

根文件夹中有很多文件，其中两个是：

1. .babelrc
2. babel.config.js

包含以下内容：

.babelrc

{ 
 "presets": ["react-native"]
}

babel.config.js

module.exports = {
 presets: ['module:metro-react-native-babel-preset'],
};

我都不认识他们两个。但是我尝试按照上述答案进行操作，并注释了 .babelrc 内容，如下所示：

{ 
 // "presets": ["react-native"]
}

然后再次启动服务器，它确实按预期运行。

Answer 2

您必须将预设更改为此

"presets": [
    "react-native-stage-0"
  ]

Answer 3

根据docs，尽管您安装了 babel-preset-react-native-stage-0 ，但是您的预设应该是 react-native-stage-0 >或 react-native-stage-0 / decorator-support 。

{
  "presets": ["react-native-stage-0"]
}

您是否需要实验性的传统装饰器支持（由babel-plugin-transform-decorators-legacy提供）？使用它作为您的.babelrc：

{
  "presets": ["react-native-stage-0/decorator-support"]
}

Answer 4

对我来说，我解决了删除第二个预设的问题：

"presets": [
            "react-native"
          ]

在“插件”部分中：

{
  "presets": ["module:metro-react-native-babel-preset"],
  "env": {
    "production": {
      "plugins": [
        "transform-remove-console",
        "@babel/plugin-proposal-optional-chaining",
        [
          "module-resolver",
          {
            "root": [
              "./src"
            ],
            "alias": {
              "test": "./test",
              "components": "./components",
              "config": "./config",
              "lib": "./lib"
            }
          }
        ]
      ],
      "presets": [
        "react-native"
      ]
    }
  }
}

也许对某人有帮助。

Answer 5

删除.babelrc文件将为您解决此问题。