创建React Native App. - 插件/预设文件不允许导出对象,仅导出功能

Question

需要一些帮助,我从左侧字段中得到一个奇怪的错误,我无法调试.在我在另一台Mac上设置我的react本机项目后,这个项目成功捆绑到昨天.

我想知道它是否来自npm软件包的版本我必须重新安装.

任何方向都会有所帮助,它始终是最难设置的,因为你很少这么做...

我的babelrc文件如下 -

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

还有我的package.json

{
  "name": "hancho_frontend",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "jest-expo": "~27.0.0",
    "react-native-scripts": "^1.14.1",
    "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": {
    "@expo/vector-icons": "^6.2.0",
    "axios": "^0.18.0",
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.4",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "babel-upgrade": "0.0.19",
    "color": "^2.0.0",
    "expo": "^27.1.0",
    "hoist-non-react-statics": "^2.3.0",
    "moment": "^2.22.2",
    "prop-types": "^15.6.2",
    "react": "^16.3.1",
    "react-dom": "^16.4.1",
    "react-fontawesome": "^1.6.1",
    "react-native": "^0.56.0",
    "react-native-dropdownalert": "^3.1.2",
    "react-native-extended-stylesheet": "^0.8.0",
    "react-navigation": "^2.6.1",
    "react-redux": "^5.0.7",
    "react-router-dom": "^4.3.1",
    "redux": "^4.0.0",
    "redux-axios-middleware": "^4.0.0",
    "redux-logger": "^3.0.6",
    "redux-thunk": "^2.3.0",
    "webpack": "^4.15.1"
  }
}

我肯定有我没有安装的软件包,但它在过去没有引起任何问题.

我已清除缓存,卸载并重新安装node_modules.我还回到了之前我曾经工作过的早期版本的世博会.仍然没有运气.

提前致谢!

Answer 1

create-react-native-app使用Expo,截至当前版本(SDK v29)不支持React Native 0.56.它的发布公告解释了原因:

出于两个原因,我们没有为此版本更新到React Native 0.56.0.首先,最值得注意的是,在React Native 0.56.0中,babel从^ 6.24.1更新为7.0.0-beta.47.之前关于babel更新的经验告诉我们,对于那些只想发布应用程序并最大限度地减少基础设施颠覆时间的开发人员来说,他们可能会感到沮丧和耗时,因此我们希望给予更多时间来稳定.

其次,0.56.0引入了一些错误,并没有包含足够的有用功能和修复超过0.55.4来证明更新babel的权衡.

如果您确实想使用RN 0.56,并且不需要使用Expo,则可以通过npm run eject在项目中运行来消除依赖关系.在加载应用程序时,您仍会收到类似的错误消息,但是由于弹出时引入了不同的依赖关系.要解决这个问题,请babel-preset-react-native@5在项目的.babelrc文件中安装并替换"babel-preset-react-native-stage-0/decorator-support"和"babel-preset-react-native".(请注意,运行eject命令后.babelrc看起来会有所不同.)

Answer 2

我尝试将react-native从0.55.2升级到0.53.0并遇到此错误。我没有尝试追踪它，但将react-native降级到0.55应该可以解决这个问题。