不變違規：ViewPropTypes 已從 React Native 中移除

Question

請任何人幫助我如何解決此錯誤“錯誤不變違規：ViewPropTypes 已從 React Native 中刪除。遷移到從'deprecated-react-native-prop-types'導出的 ViewPropTypes。” 我已經嘗試了很多事情，比如刪除節點模塊 npm 安裝 deprecated-react-native-prop-types 但對我沒有任何作用我現在該如何修復

package.json

{
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject"
  },
  "dependencies": {
    "@react-native-community/masked-view": "0.1.10",
    "@react-navigation/bottom-tabs": "^5.11.10",
    "@react-navigation/compat": "^5.3.20",
    "@react-navigation/native": "^5.9.4",
    "@react-navigation/stack": "^5.14.4",
    "deprecated-react-native-prop-types": "^2.3.0",
    "expo": "^46.0.0",
    "expo-av": "~12.0.4",
    "expo-linear-gradient": "~11.4.0",
    "expo-status-bar": "~1.4.0",
    "haversine": "^1.1.1",
    "invariant": "^2.2.4",
    "react": "18.0.0",
    "react-dom": "18.0.0",
    "react-native": "0.69.5",
    "react-native-animatable": "^1.3.3",
    "react-native-flexi-radio-button": "^0.2.2",
    "react-native-fontawesome": "^7.0.0",
    "react-native-gesture-handler": "~2.5.0",
    "react-native-modal": "^13.0.0",
    "react-native-modalize": "^2.0.8",
    "react-native-progress-circle": "^2.1.0",
    "react-native-reanimated": "~2.9.1",
    "react-native-safe-area-context": "4.3.1",
    "react-native-screens": "~3.15.0",
    "react-native-snap-carousel": "^3.9.1",
    "react-native-swiper": "^1.6.0",
    "react-native-web": "~0.18.7",
    "react-navigation": "^4.4.4",
    "rn-sliding-up-panel": "^2.4.5"
  },
  "devDependencies": {
    "@babel/core": "^7.18.6"
  },
  "private": true
}

babel.config.js

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

Answer 1

您需要檢查 node_modules 文件夾中所有下載的依賴項，其中包含以下導入語句。

import { ViewPropTypes } from 'react-native';

手動更改它從deprecated-react-native-prop-types導入。

import { ViewPropTypes } from 'deprecated-react-native-prop-types';

Answer 2

除了 kiuQ 的回答之外， react-native-progress-circle很可能是這里的問題。 它已被棄用，並且 ViewPropTypes 是該 package 中的一個已知問題。

從你的項目中刪除它，或者簡單地將它替換為https://www.npmjs.com/package/progress-circle-react-native