我正在将react-native 0.71.1迁移到0.74.0 运行调试构建后出现以下错误
package.json-
"dependencies": {
"@alessiocancian/react-native-actionsheet": "^3.2.0",
"@dudigital/react-native-zoomable-view": "^1.1.4",
"@openspacelabs/react-native-zoomable-view": "^2.1.6",
"@rbmweb/canvas": "^1.0.0",
"@react-native-async-storage/async-storage": "^1.23.1",
"@react-native-community/netinfo": "^11.3.2",
"@react-native-community/progress-bar-android": "^1.0.5",
"@react-native-community/progress-view": "^1.4.2",
"@react-native-community/push-notification-ios": "^1.11.0",
"@react-native-firebase/app": "^20.2.0",
"@react-native-firebase/messaging": "^20.1.0",
"@react-native-masked-view/masked-view": "^0.3.1",
"@react-navigation/bottom-tabs": "^6.6.0",
"@react-navigation/drawer": "^6.6.2",
"@react-navigation/native": "6.1.18",
"@react-navigation/stack": "^6.4.0",
"@reduxjs/toolkit": "2.2.6",
"@sentry/react-native": "^5.24.1",
"@stomp/stompjs": "^7.0.0",
"aws-sdk": "^2.1659.0",
"axios": "^1.7.2",
"clevertap-react-native": "^2.2.1",
"deprecated-react-native-prop-types": "^2.2.0",
"fast-text-encoding": "^1.0.6",
"i18n-js": "4.4.3",
"install": "^0.13.0",
"link-preview-js": "^3.0.5",
"lodash": "^4.17.21",
"lottie-react-native": "^6.7.2",
"moment": "^2.30.1",
"prop-types": "^15.8.1",
"react": "18.2.0",
"react-native": "0.74.3",
"react-native-animatable": "^1.4.0",
"react-native-audio-recorder-player": "^3.6.10",
"react-native-awesome-alerts": "^2.0.0",
"react-native-blob-util": "^0.19.9",
"react-native-calendars": "^1.1305.0",
"react-native-check-version": "^1.1.1",
"react-native-code-push": "^8.2.2",
"react-native-collapsible": "^1.6.1",
"react-native-config": "^1.5.2",
"react-native-country-picker-modal": "^2.0.0",
"react-native-create-thumbnail": "^2.0.0",
"react-native-device-info": "^11.1.0",
"react-native-document-picker": "^9.3.0",
"react-native-draggable-flatlist": "^4.0.1",
"react-native-dropdown-picker": "^5.4.6",
"react-native-fast-image": "^8.6.3",
"react-native-file-viewer": "^2.1.5",
"react-native-fs": "2.20.0",
"react-native-gesture-handler": "^2.15.0",
"react-native-haptic-feedback": "^2.2.0",
"react-native-image-crop-picker": "^0.41.2",
"react-native-image-zoom-viewer": "^3.0.1",
"react-native-keyboard-aware-scroll-view": "^0.9.5",
"react-native-linear-gradient": "^2.8.3",
"react-native-localize": "3.2.0",
"react-native-mathjax": "^2.1.2",
"react-native-modal": "^13.0.1",
"react-native-modal-datetime-picker": "^17.1.0",
"react-native-orientation-locker": "^1.7.0",
"react-native-pager-view": "^5.4.25",
"react-native-pdf": "^6.7.5",
"react-native-permissions": "^4.1.5",
"react-native-pinch-zoom-view": "^0.2.0",
"react-native-print": "^0.11.0",
"react-native-progress": "^5.0.1",
"react-native-push-notification": "^8.1.1",
"react-native-radial-gradient": "^1.1.5",
"react-native-reanimated": "3.14.0",
"react-native-render-html": "^6.3.4",
"react-native-safe-area-context": "^4.10.1",
"react-native-screens": "3.32.0",
"react-native-scrollable-tab-view-improved": "1.0.0",
"react-native-slider": "^0.11.0",
"react-native-snap-carousel": "^3.9.1",
"react-native-spinkit": "^1.5.1",
"react-native-splash-screen": "^3.3.0",
"react-native-star-rating": "^1.1.0",
"react-native-svg": "15.3.0",
"react-native-tab-view": "^3.5.2",
"react-native-toast-message": "^2.2.0",
"react-native-user-avatar": "^1.0.8",
"react-native-version-check": "^3.4.7",
"react-native-video": "6.3.0",
"react-native-video-controls": "2.8.1",
"react-native-view-shot": "^3.8.0",
"react-native-vimeo-iframe": "^1.2.1",
"react-native-vlc-media-player": "1.0.67",
"react-native-walkthrough-tooltip": "^1.6.0",
"react-native-webview": "^13.10.4",
"react-native-wheel-pick": "^1.2.2",
"react-native-windows": "0.74.13",
"react-native-youtube-iframe": "^2.3.0",
"react-redux": "9.1.2",
"reactotron-react-native": "^5.1.7",
"redux": "5.0.1",
"redux-logger": "^3.0.6",
"redux-persist": "^6.0.0",
"redux-thunk": "3.1.0",
"sockjs-client": "^1.6.1",
"victory-native": "37.0.2"
},
"devDependencies": {
"@babel/core": "^7.20.0",
"@babel/preset-env": "^7.20.0",
"@babel/runtime": "^7.20.0",
"@react-native-community/datetimepicker": "^6.7.5",
"@react-native-picker/picker": "^2.7.7",
"@react-native/babel-preset": "0.74.85",
"@react-native/eslint-config": "0.74.85",
"@react-native/metro-config": "0.74.85",
"@react-native/typescript-config": "0.74.85",
"@types/react": "^18.2.6",
"@types/react-native-video": "^5.0.15",
"@types/react-test-renderer": "^18.0.0",
"babel-jest": "^29.6.3",
"eslint": "^8.19.0",
"jest": "^29.6.3",
"jetifier": "^2.0.0",
"metro-react-native-babel-preset": "^0.77.0",
"prettier": "2.8.8",
"react-dom": "18.2.0",
"react-native-svg-transformer": "^0.14.3",
"react-native-web": "^0.18.10",
"react-test-renderer": "18.2.0",
"typescript": "5.0.4"
},
无法读取未定义的属性“样式”。 样式：_reactNative.ViewPropTypes.style 错误日志路径 - ../node_modules/react-native-slider/lib/Slider.js(552:40)
我没有在代码中的任何地方使用 ViewPropTypes。 更多的软件包也会出现同样的错误，例如react-native-slider、react-native-scrollable-tab-view-improved、react-native-snap-carousal、react-native-canvas、react-native-button、react-native-星级等
我尝试迁移到从“deprecated-react-native-prop-types”导出的 ViewPropTypes，以获取 node_modules 文件夹下的特定包“.js”文件。 还尝试为特定包添加补丁包。 我不想为上述任何软件包添加补丁 寻找永久解决方案，我的应用程序应该在模拟器/设备上运行。
此问题在此文件中
node_modules/react-native-slider/lib/Slider.js
解决方案在这里
yarn add deprecated-react-native-prop-types
然后在文件node_modules/react-native-slider/lib/Slider.js中
import { ViewPropTypes } from 'deprecated-react-native-prop-types';
您还可以修补软件包，这样您就不必每次都更改它