代码之家  ›  专栏  ›  技术社区  ›  vivek sharma

ERROR TypeError:undefined不是构造函数(正在计算“new Clock()”)

  •  0
  • vivek sharma  · 技术社区  · 2 年前

    我将我的react原生项目0.63更新为0.72.4,并得到了与该库的材料选项卡(“@react navigation/material top tabs”:“^6.6.5”)相关的问题,因为在我添加选项卡的特定页面上,一切都很好,出现了错误。

    这是我的package.json文件=>

    {"name": "Flakex",
      "version": "1.1.0",
      "private": true,
      "scripts": {
        "android": "react-native run-android",
        "ios": "react-native run-ios",
        "start": "react-native start",
        "test": "jest",
        "lint": "eslint ."
      },
      "dependencies": {
        "@invertase/react-native-apple-authentication": "^2.2.1",
        "@ptomasroos/react-native-multi-slider": "^2.2.2",
        "@react-native-async-storage/async-storage": "^1.19.3",
        "@react-native-clipboard/clipboard": "^1.11.1",
        "@react-native-community/blur": "^4.3.2",
        "@react-native-community/cli": "^11.3.8",
        "@react-native-community/masked-view": "^0.1.10",
        "@react-native-community/push-notification-ios": "^1.10.1",
        "@react-native-firebase/app": "^18.5.0",
        "@react-native-firebase/auth": "^18.5.0",
        "@react-native-firebase/messaging": "^18.5.0",
        "@react-native-google-signin/google-signin": "^9.0.2",
        "@react-navigation/material-top-tabs": "^6.6.5",
        "@react-navigation/native": "^5.9.3",
        "@react-navigation/stack": "^5.14.3",
        "@stripe/stripe-react-native": "^0.32.0",
        "@twotalltotems/react-native-otp-input": "^1.3.11",
        "axios": "^0.21.1",
        "firebase": "^10.4.0",
        "jetifier": "^2.0.0",
        "lottie-react-native": "^5.1.6",
        "moment": "^2.29.1",
        "moment-timezone": "^0.5.34",
        "react": "^18.2.0",
        "react-dom": "^18.2.0",
        "react-native": "^0.72.4",
        "react-native-animatable": "^1.3.3",
        "react-native-awesome-card-io": "^0.9.0",
        "react-native-aws3": "^0.0.9",
        "react-native-calendars": "^1.1301.0",
        "react-native-contacts": "^6.0.5",
        "react-native-countdown-component": "^2.7.1",
        "react-native-country-picker-modal": "^2.0.0",
        "react-native-credit-card-input-view": "^0.0.7",
        "react-native-date-picker": "^3.2.10",
        "react-native-deck-swiper": "^2.0.16",
        "react-native-device-info": "^10.6.0",
        "react-native-eject": "^0.2.0",
        "react-native-fast-image": "8.6.3",
        "react-native-fbsdk-next": "^9.0.0",
        "react-native-geocoder": "^0.5.0",
        "react-native-geolocation-service": "^5.3.1",
        "react-native-gesture-handler": "^1.10.3",
        "react-native-get-random-values": "^1.7.2",
        "react-native-gifted-chat": "^0.16.3",
        "react-native-google-mobile-ads": "^12.2.0",
        "react-native-google-places-autocomplete": "^2.5.1",
        "react-native-image-crop-picker": "^0.40.0",
        "react-native-linear-gradient": "^2.6.2",
        "react-native-localize": "^2.2.2",
        "react-native-location": "^2.5.0",
        "react-native-maps": "^1.7.1",
        "react-native-material-dropdown": "https://github.com/noway/react-native-material-dropdown",
        "react-native-progress-circle": "^2.1.0",
        "react-native-push-notification": "^8.1.1",
        "react-native-ratings": "^8.1.0",
        "react-native-raw-bottom-sheet": "^2.2.0",
        "react-native-reanimated": "^3.5.4",
        "react-native-safe-area-context": "^4.7.2",
        "react-native-screens": "^3.25.0",
        "react-native-snap-carousel": "^1.3.1",
        "react-native-svg": "^12.1.1",
        "react-native-swiper-flatlist": "^3.0.16",
        "react-native-tab-view": "^2.16.0",
        "react-native-webview": "^11.23.1",
        "react-redux": "^7.2.5",
        "redux": "^4.1.1",
        "rn-faded-scrollview": "^1.0.10",
        "uuid": "^8.3.2"
      },
      "devDependencies": {
        "@babel/core": "^7.23.2",
        "@babel/runtime": "^7.23.2",
        "@react-native-community/eslint-config": "^2.0.0",
        "babel-jest": "^29.7.0",
        "eslint": "^7.21.0",
        "jest": "^29.7.0",
        "metro-react-native-babel-preset": "^0.65.2",
        "react-test-renderer": "16.13.1"
      },
      "jest": {
        "preset": "react-native"
      }
    }
    

    项目升级后,我使用旧版本的材料进行编译 得到同样的错误,所以我升级了lib,在iOS中得到了同样的问题。

    Here is an image of simulator

    1 回复  |  直到 2 年前
        1
  •  0
  •   Rio A.P Munyaneza Ishimwe Peace    2 年前
    1. 检查兼容性问题 查看项目中使用的库的发行说明,尤其是 @react-navigation/material-top-tabs 库,以确保与React Native 0.72.4的兼容性。 有时,React Native的新版本可能会引入一些破坏性的更改,从而影响某些库的功能。

    2. 升级依赖项 确保所有依赖关系,包括 @react导航/材料顶部选项卡 其相关软件包更新到与React Native 0.72.4兼容的版本。 使用与React Native 0.72.4明确兼容的适当版本。您可能需要检查库发行说明中提到的任何特定版本或迁移指南。

    3. 检查不推荐的代码 在中查找任何不推荐使用的方法或组件 @react导航/材料顶部选项卡 在较新版本中可能已被替换或删除的库。相应地更新您的代码。

    4. 清除缓存并重新生成 通过运行以下命令清除React Native缓存: npx react-native start --reset-cache

    使用以下方法重新生成项目:

    npx react-native run-ios
    

    npx react-native run-android
    
        2
  •  0
  •   Ghost    2 年前

    问题可能是您的某个软件包可能已经过时。从升级时,我遇到了相同的错误 RN 0.64.0 RN 0.69.12 升级软件包版本对我很有效。

    对我有效的解决方案:

    我只升级了react native复活包,后来当我升级另一个包并重复渐变步骤时,它得到了解决。

    反应自然复活 -1.13.1至3.6.1

    react本机选项卡视图 -2.11.0至3.5.2