每当我使用React -native run-ios运行React native App时，我都会得到以下错误:
错误:cannot resolve module ./Libraries/Components/DatePicker/DatePickerIOS from/Users/antonhorl3/WebstormProjects/sagly/client/node_modules/react-native/index.js:
这些文件都不存在:node_modules/react-native/图书馆/组件/DatePicker DatePickerIOS (.native | .native.js | . js | .native.json | . json | .native.ts | .ts | .native.tsx | .tsx)node_modules/react-native/图书馆/组件/DatePicker/DatePickerIOS/索引(.native | .native.js | . js | .native.json | . json | .native.ts | .ts | .native.tsx | .tsx)15 |从'./Libraries/Components/ActivityIndicator/ActivityIndicator'导入typeof ActivityIndicator;16 | import typeof Button from './Libraries/Components/Button';17 |从'./Libraries/Components/DatePicker/DatePickerIOS'导入typeof DatePickerIOS;| ^18 |从'./Libraries/Components/DrawerAndroid/DrawerLayoutAndroid'导入typeof DrawerLayoutAndroid;19 |从'./Libraries/Lists/FlatList'中导入typeof FlatList;20 | import typeof Image from './Libraries/Image/Image';在ModuleResolver。resolveDependency(/用户/antonhorl3/WebstormProjects/凹陷/客户/node_modules/@react-native-community/cli-plugin-metro/node_modules/地铁/src/node-haste/DependencyGraph/ModuleResolution.js: 107:15)在DependencyGraph。resolveDependency(/用户/antonhorl3/WebstormProjects/凹陷/客户/node_modules/@react-native-community cli-plugin-metro/node_modules/地铁/src/node-haste/DependencyGraph.js: 288:43)在对象。解决(/用户/antonhorl3/WebstormProjects/凹陷/客户/node_modules/@react-native-community cli-plugin-metro/node_modules/地铁/src/lib/transformHelpers.js: 129:24)@react-native-community/cli-plugin-metro/node_modules/metro/src/DeltaBundler/traverseDependencies.js:396:33在/用户/antonhorl3/WebstormProjects/凹陷/客户/node_modules/@react-native-community cli-plugin-metro/node_modules/地铁/src/DeltaBundler/traverseDependencies.js: 412:26在数组中。reduce ()@react-native-community/cli-plugin-metro/node_modules/metro/src/DeltaBundler/traverseDependencies.js:411:33@react-native-community/cli-plugin-metro/node_modules/metro/src/DeltaBundler/traverseDependencies.js:140:31@react-native-community/cli-plugin-metro/node_modules/metro/src/DeltaBundler/traverseDependencies.js:230:18at async Promise。所有(索引0)'
我没有对我的代码做任何更改，问题就出现了。我确实更新了Xcode，这是我唯一做的改变。我很迷茫。
react-native模块中的import语句是正确的，并且该文件确实存在。
这是我的环境:
System:
OS: macOS 13.2.1
CPU: (8) x64 Intel(R) Core(TM) i5-8259U CPU @ 2.30GHz
Memory: 40.24 MB / 8.00 GB
Shell: 5.8.1 - /bin/zsh
Binaries:
Node: 16.13.2 - /usr/local/bin/node
Yarn: 1.22.10 - /usr/local/bin/yarn
npm: 8.1.2 - /usr/local/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
Managers:
CocoaPods: 1.11.2 - /usr/local/bin/pod
SDKs:
iOS SDK:
Platforms: DriverKit 22.4, iOS 16.4, macOS 13.3, tvOS 16.4, watchOS 9.4
Android SDK:
API Levels: 23, 26, 29, 30, 31
Build Tools: 19.1.0, 23.0.1, 23.0.3, 27.0.3, 29.0.2, 29.0.3, 30.0.2, 30.0.3, 31.0.0, 33.0.0
System Images: android-30 | Google APIs Intel x86 Atom
Android NDK: Not Found
IDEs:
Android Studio: 4.1 AI-201.8743.12.41.7199119
Xcode: 14.3/14E222b - /usr/bin/xcodebuild
Languages:
Java: 11.0.17 - /usr/bin/javac
npmPackages:
@react-native-community/cli: 5.0.1-alpha.2 => 5.0.1-alpha.2
react: 18.0.0-rc.0 => 18.0.0-rc.0
react-native: 0.65.3 => 0.65.3
react-native-macos: Not Found
npmGlobalPackages:
*react-native*: Not Found
如果你需要更多的信息，我很乐意添加或编辑我的问题。
谢谢你的帮助。
我已经试过了:
- 重新启动笔记本电脑
- react-native start -- --reset-cache
- rm -rf/tmp/metro-*
- yarn start—reset-cache
- 守望watch-del-all
- 删除node_modules并重新安装
应用程序应该可以正常运行，不会出现此错误。
这是我的package.json:
{
"name": "client",
"version": "0.0.1",
"private": true,
"rnpm": {
"assets": [
"assets/fonts"
]
},
"scripts": {
"android": "react-native run-android",
"ios": "react-native run-ios",
"start": "react-native start",
"test": "jest",
"lint": "eslint .",
"build:ios": "react-native bundle --entry-file='index.js' --bundle-output='./ios/main.jsbundle' --dev=false --platform='ios'"
},
"dependencies": {
"@fortawesome/fontawesome-svg-core": "1.2.36",
"@fortawesome/free-solid-svg-icons": "5.15.4",
"@fortawesome/react-native-fontawesome": "0.2.7",
"@invertase/react-native-apple-authentication": "2.1.5",
"@notifee/react-native": "^5.2.1",
"@react-native-async-storage/async-storage": "1.15.14",
"@react-native-community/cli": "5.0.1-alpha.2",
"@react-native-community/masked-view": "0.1.11",
"@react-native-community/netinfo": "7.1.7",
"@react-native-firebase/app": "^14.8.0",
"@react-native-firebase/messaging": "^14.8.0",
"@react-native-google-signin/google-signin": "7.0.1",
"@react-native-picker/picker": "^1.8.3",
"@react-navigation/native": "6.0.2",
"@react-navigation/stack": "5.14.4",
"i18next": "^21.8.14",
"jwt-decode": "3.1.2",
"lodash": "4.17.21",
"moment": "^2.29.4",
"raygun4reactnative": "1.1.5",
"react": "18.0.0-rc.0",
"react-i18next": "^11.18.1",
"react-native": "0.65.3",
"react-native-android-keyboard-adjust": "1.2.0",
"react-native-codegen": "0.0.7",
"react-native-eject": "^0.2.0",
"react-native-elements": "3.3.2",
"react-native-fast-image": "^8.6.3",
"react-native-fs": "^2.19.0",
"react-native-gesture-handler": "1.10.3",
"react-native-google-mobile-ads": "^9.1.1",
"react-native-iap": "^12.8.3",
"react-native-image-picker": "^4.7.3",
"react-native-image-resizer": "^1.4.5",
"react-native-in-app-review": "^4.1.1",
"react-native-localize": "^2.2.2",
"react-native-offline": "^6.0.0",
"react-native-purchases": "^5.13.0",
"react-native-ratings": "^8.1.0",
"react-native-responsive-screen": "1.4.2",
"react-native-safe-area-context": "3.3.2",
"react-native-screens": "3.6.0",
"react-native-searchable-dropdown": "^1.1.3",
"react-native-share": "^7.3.6",
"react-native-snap-carousel": "3.9.1",
"react-native-splash-screen": "^3.3.0",
"react-native-svg": "12.1.1",
"react-native-triangle": "^0.0.9",
"react-native-vector-icons": "8.1.0",
"react-native-view-shot": "^3.1.2",
"react-native-webview": "11.6.4",
"react-native-wheel-scroll-picker": "^0.2.4",
"react-native-youtube-iframe": "2.1.0",
"react-navigation": "4.4.4",
"react-navigation-stack": "2.10.4",
"styled-components": "^5.3.5",
"tcomb-form-native": "0.6.20"
},
"devDependencies": {
"@babel/core": "^7.18.9",
"@babel/runtime": "7.13.10",
"@react-native-community/eslint-config": "2.0.0",
"babel-jest": "26.6.3",
"eslint": "7.23.0",
"jest": "26.6.3",
"metro-react-native-babel-preset": "0.65.2",
"react-native-clean-project": "^4.0.1",
"react-test-renderer": "17.0.1"
},
"jest": {
"preset": "react-native"
}
}XCode 14.3有一个已知的问题。参见https://github.com/facebook/react-native/issues/36635。
对于那些有严格的截止日期，不能等待修复的人，只需将你的Xcode版本从14.3降级到14.2，或者你以前安装的任何其他版本
在我的情况下，从版本14.3降级到14.2解决了我的问题。
你可以从这里下载旧版本的Xcode。
我在使用节点模块"@react-native-picker/picker": "^2.4.10"时遇到了同样的问题。我能够通过添加节点模块"@react-native-community/datetimepicker"来解决这个问题。
yarn add @react-native-community/datetimepicker
cd ios
pod install
希望这对你有帮助!