首页 > 解决方案 > React Native 无法解析 babel 插件

问题描述

错误信息

“\project\directory\path\.babelrc.env.development”中指定的未知插件“require-all”

我的文件

.babelrc

{
  "presets": ["babel-preset-expo"],
  "env": {
    "development": {
      "plugins": ["transform-react-jsx-source", "require-all"]

    }
   }
}

包.json

{
  "name": "text-adventure-app",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "babel-plugin-require-all": "0.0.1",
    "jest-expo": "~27.0.0",
    "react-native-scripts": "1.14.0",
    "react-test-renderer": "16.3.1"
  },
  "main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
  "scripts": {
    "start": "react-native-scripts start",
    "eject": "react-native-scripts eject",
    "android": "react-native-scripts android",
    "ios": "react-native-scripts ios",
    "test": "jest"
  },
  "jest": {
    "preset": "jest-expo"
  },
  "dependencies": {
    "clear": "^0.1.0",
    "create-react-class": "^15.6.3",
    "expo": "^27.0.1",
    "react": "16.3.1",
    "react-native": "~0.55.2",
    "react-native-typewriter": "^0.5.3"
  }
}

babel-plugin-require-all

通过 npm 安装,如下所述: https ://github.com/dushaobindoudou/babel-plugin-require-all

我试过的

标签: javascriptreact-nativenpmbabeljs

解决方案


该插件存在问题package.json- 属性中有一个额外的(空格),main这意味着 babel 无法解决它。我通过从行尾删除空格来验证这一点,并且它成功编译。

在这种情况下,我的建议是使用不同的包(也许像https://github.com/vihanb/babel-plugin-wildcard这样的东西会有所帮助)或向包提交拉取请求以babel-plugin-require-all删除额外的空间。


推荐阅读