Thiết kế website giá rẻ

Question

After updating the React Native version, I started getting errors. My application is no longer buildable.

I tried many methods but it didn’t work. I couldn’t find many issues regarding this, so I wanted to ask it myself. I also tried running npx react-native-clean after each change.

npx react-native config

Binaries:
  Node:
    version: 20.17.0
    path: /opt/homebrew/opt/node@20/bin/node
  Yarn:
    version: 1.22.22
    path: /opt/homebrew/bin/yarn
  npm:
    version: 10.8.2
    path: ~/Desktop/null/node_modules/.bin/npm
  Watchman:
    version: 2024.08.26.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.15.2
    path: /Users/user/.gems/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 23.5
      - iOS 17.5
      - macOS 14.5
      - tvOS 17.5
      - visionOS 1.2
      - watchOS 10.5
  Android SDK:
    API Levels:
      - "23"
      - "33"
      - "34"
    Build Tools:
      - 34.0.0
    System Images:
      - android-34 | Google APIs ARM 64 v8a
      - android-34 | Google Play ARM 64 v8a
    Android NDK: Not Found
IDEs:
  Android Studio: 2024.1 AI-241.18034.62.2412.12266719
  Xcode:
    version: 15.4/15F31d
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.12
    path: /usr/bin/javac
  Ruby:
    version: 3.3.5
    path: /opt/homebrew/opt/ruby/bin/ruby
npmPackages:
  "@react-native-community/cli": Not Found
  react:
    installed: 18.3.1
    wanted: 18.3.1
  react-native:
    installed: 0.75.2
    wanted: 0.75.2
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: false
iOS:
  hermesEnabled: true
  newArchEnabled: false

Here’s the output from XCode:

package.json

{
  "name": "appname",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "lint": "eslint .",
    "start": "react-native start",
    "test": "jest",
    "check-dependencies": "rnx-align-deps",
    "fix-dependencies": "rnx-align-deps --write",
    "launch-ios": "npx react-native run-ios --simulator "simulator key here"",
    "launch-android": "npx react-native run-android",
  },
  "dependencies": {
    "@ant-design/icons-react-native": "^2.3.2",
    "@ant-design/react-native": "^5.2.1",
    "@fortawesome/fontawesome-svg-core": "^6.5.1",
    "@fortawesome/free-brands-svg-icons": "^6.5.1",
    "@fortawesome/react-native-fontawesome": "^0.3.0",
    "@freakycoder/react-native-multiple-select": "^0.3.0",
    "@invertase/react-native-apple-authentication": "^2.3.0",
    "@react-native-async-storage/async-storage": "^1.21.0",
    "@react-native-community/datetimepicker": "^7.6.2",
    "@react-native-firebase/analytics": "^18.7.3",
    "@react-native-firebase/app": "^18.9.0",
    "@react-native-firebase/crashlytics": "^18.7.3",
    "@react-native-firebase/messaging": "^18.9.0",
    "@react-native-google-signin/google-signin": "^11.0.0",
    "@react-native-picker/picker": "^2.6.1",
    "@react-navigation/bottom-tabs": "^6.5.11",
    "@react-navigation/native": "^6.1.9",
    "@react-navigation/native-stack": "^6.9.17",
    "@shopify/flash-list": "^1.6.4",
    "axios": "1.6.5",
    "date-fns": "^3.6.0",
    "formik": "^2.4.5",
    "i": "^0.3.7",
    "i18next": "^23.10.1",
    "lottie-react-native": "6.7.0",
    "npm": "^10.5.0",
    "react": "18.3.1",
    "react-content-loader": "^7.0.0",
    "react-i18next": "^14.1.0",
    "react-native": "0.75.2",
    "react-native-collapsible": "^1.6.1",
    "react-native-device-info": "^10.12.0",
    "react-native-element-dropdown": "^2.12.1",
    "react-native-fast-image": "^8.6.3",
    "react-native-fbsdk-next": "^12.1.2",
    "react-native-gesture-handler": "^2.14.1",
    "react-native-image-crop-picker": "^0.40.3",
    "react-native-keep-awake": "^4.0.0",
    "react-native-masked-text": "^1.13.0",
    "react-native-month-year-picker": "^1.9.0",
    "react-native-multiple-select": "^0.5.12",
    "react-native-permissions": "^4.1.1",
    "react-native-progress": "^5.0.1",
    "react-native-reanimated": "^3.7.0",
    "react-native-render-html": "^6.3.4",
    "react-native-safe-area-context": "^4.8.2",
    "react-native-screens": "^3.29.0",
    "react-native-searchable-dropdown": "^1.1.3",
    "react-native-sectioned-multi-select": "^0.10.0",
    "react-native-snap-carousel": "^4.0.0-beta.6",
    "react-native-sound-level": "^1.2.0",
    "react-native-svg": "^14.2.0",
    "react-native-svg-transformer": "^1.3.0",
    "react-native-vector-icons": "^10.1.0",
    "react-native-version-check": "^3.4.7",
    "react-native-video": "^5.2.1",
    "react-native-video-controls": "^2.8.1",
    "react-native-vimeo-iframe": "^1.2.1",
    "react-native-vision-camera": "^3.9.0",
    "react-native-webview": "^13.6.4",
    "react-native-youtube-iframe": "^2.3.0",
    "react-redux": "^9.1.0",
    "redux": "^5.0.1",
    "redux-persist": "^6.0.0",
    "yup": "^1.3.3"
  },
  "devDependencies": {
   "@babel/core": "^7.20.0",
    "@babel/preset-env": "^7.20.0",
    "@babel/runtime": "^7.20.0",
    "@react-native/babel-preset": "0.75.2",
    "@react-native/eslint-config": "0.75.2",
    "@react-native/metro-config": "0.75.2",
    "@react-native/typescript-config": "0.75.2",
    "@rnx-kit/align-deps": "^3.0.0",
    "@types/react": "^18.2.6",
    "@types/react-test-renderer": "^18.0.0",
    "babel-jest": "^29.6.3",
    "eslint": "^8.19.0",
    "jest": "^29.6.3",
    "metro-react-native-babel-preset": "0.77.0",
    "prettier": "3.2.4",
    "react-test-renderer": "18.3.1",
    "typescript": "5.3.3"
  },
  "engines": {
    "node": ">=18"
  },
  "packageManager": "[email protected]"
}

Podfile

# Resolve react_native_pods.rb with node to allow for hoisting
use_modular_headers!
require Pod::Executable.execute_command('node', ['-p',
  'require.resolve(
    "react-native/scripts/react_native_pods.rb",
    {paths: [process.argv[1]]},
  )', __dir__]).strip

platform :ios, min_ios_version_supported
prepare_react_native_project!

linkage = ENV['USE_FRAMEWORKS']
if linkage != nil
  Pod::UI.puts "Configuring Pod with #{linkage}ally linked Frameworks".green
  use_frameworks! :linkage => linkage.to_sym
end

pod 'FirebaseCoreInternal', :modular_headers => true
pod 'GoogleUtilities', :modular_headers => true
pod 'RNSoundLevel', :path => '../node_modules/react-native-sound-level/RNSoundLevel.podspec'
pod 'RNFlashList', :path => '../node_modules/@shopify/flash-list'

###

def node_require(script)
  # Resolve script with node to allow for hoisting
  require Pod::Executable.execute_command('node', ['-p',
    "require.resolve(
      '#{script}',
      {paths: [process.argv[1]]},
    )", __dir__]).strip
end
  
node_require('react-native/scripts/react_native_pods.rb')
node_require('react-native-permissions/scripts/setup.rb')
require_relative '../node_modules/react-native-permissions/scripts/setup'


setup_permissions([
  'Camera',
  'Microphone',
  'PhotoLibrary',
])


# Pointing back the source to cocoapod's CDN for retrieving specs.
# Was overwritten by privateRepo/Specs.git on earlier lines
source 'https://cdn.cocoapods.org/'

target 'AppName' do
  config = use_native_modules!

  use_react_native!(
    :path => config[:reactNativePath],
    # An absolute path to your application root.
    :app_path => "#{Pod::Config.instance.installation_root}/.."
  )

  target 'AppNameTests' do
    inherit! :complete
    # Pods for testing
  end

  post_install do |installer|
    # https://github.com/facebook/react-native/blob/main/packages/react-native/scripts/react_native_pods.rb#L197-L202
    react_native_post_install(
      installer,
      config[:reactNativePath],
      :mac_catalyst_enabled => false,
      # :ccache_enabled => true
    )
  end
end

I followed the path here:
https://react-native-community.github.io/upgrade-helper/?from=0.73.6&to=0.75.2

Thiết kế website giá rẻ

Danh mục

IOS Errors After React Native Update 0.74.6->0.75.2