反应本机错误:模糊解析

Question

当我试图在iOS模拟器上运行自己的时，出现了一个红色屏幕，错误如下：

模糊解决:模块'/Users/my-user/Documents/my-RN-app/app/index.js‘试图要求’react本机-矢量-图标‘，但有几个文件提供了这个模块。您可以删除或修复它们： /Users/my-user/Documents/my-RN-app/ios/build/Build/Products/Debug-iphonesimulator/MyApp.app/my-RN-app/node_modules/react-native/local-cli/core/__fixtures__/files/package.json /Users/my-user/Documents/my-RN-app/node_modules/react-native/local-cli/core/__fixtures__/files/package.json

但是，上述两个文件( package.json文件)都丢失了。我以前确实收到过这个错误，所以我决定删除上面提到的第一个目录中的package.json文件(在ios/build/.等)并刷新了应用程序，它加载得很好。现在，在尝试在iOS模拟器中重新启动我的应用程序之后，我又回到了同样的错误，但是我不能删除package.json文件，因为它现在甚至在任何一个位置都不存在。

我试着在app/index.js文件中注释掉react-native-vector-icons库的导入并重新启动sim，但是仍然会出现错误。

最后，我试了一下：

1. sudo rm -rf node_modules (如果我不使用sudo，尽管我似乎对这个项目中的所有文件/文件夹都有完整的读/写权限)，我将获得“拒绝权限”)
2. sudo rm -rf ios/build
3. npm install
4. cd ios && pod install
5. react-native link

然后返回到Xcdoe: Product > Clean，然后我再次运行模拟器。还是同样的错误。

根据请求，下面是我的package.json文件：

 {
  "name": "myApp",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "run-ios": "node_modules/.bin/react-native run-ios",
  },
  "dependencies": {
    "art": "^0.10.1",
    "auto-bind": "^1.1.0",
    "axios": "^0.16.1",
    "eslint-plugin-react-native": "^2.3.1",
    "jwt-decode": "^2.2.0",
    "moment": "^2.19.1",
    "native-base": "^2.3.1",
    "prop-types": "^15.5.8",
    "pubnub": "^4.18.0",
    "react": "^16.0.0",
    "react-native": "^0.49.3",
    "react-native-actionsheet": "^2.3.0",
    "react-native-device-info": "^0.11.0",
    "react-native-fabric": "^0.5.1",
    "react-native-fingerprint-scanner": "^2.2.1",
    "react-native-flip-card": "^3.5.2",
    "react-native-google-analytics-bridge": "^5.3.3",
    "react-native-haptic": "^1.0.5",
    "react-native-image-base64": "^0.1.3",
    "react-native-image-picker": "^0.26.7",
    "react-native-image-resizer": "^1.0.0",
    "react-native-keyboard-aware-scroll-view": "^0.4.3",
    "react-native-keyboard-spacer": "^0.4.1",
    "react-native-keychain": "^1.2.1",
    "react-native-maps": "^0.17.1",
    "react-native-modal-dropdown": "^0.5.0",
    "react-native-mplayer": "^1.0.1",
    "react-native-notifications-badge-extensions": "^1.0.5",
    "react-native-permissions": "^0.2.7",
    "react-native-pie": "^0.4.0",
    "react-native-router-flux": "^4.0.0-beta.26",
    "react-native-snap-carousel": "^3.2.3",
    "react-native-tag-input": "0.0.18",
    "react-native-tooltip": "^5.2.0",
    "react-native-uuid-generator": "^3.0.2",
    "react-native-vector-icons": "^4.3.0",
    "react-native-version-number": "^0.1.3",
    "react-native-voice": "^0.2.5",
    "react-navigation": "^1.2.0",
    "sprintf-js": "^1.0.3",
    "validator": "^9.2.0"
  },
  "devDependencies": {
    "babel-jest": "18.0.0",
    "babel-preset-react-native": "^4.0.0",
    "enzyme": "^3.3.0",
    "enzyme-adapter-react-16": "^1.1.1",
    "enzyme-to-json": "^3.3.1",
    "eslint": "^3.14.1",
    "eslint-config-airbnb": "^14.1.0",
    "eslint-plugin-import": "^2.2.0",
    "eslint-plugin-jsx-a11y": "^4.0.0",
    "eslint-plugin-react": "^7.5.1",
    "jest": "18.1.0",
    "jest-serializer-enzyme": "^1.0.0",
    "jsdom": "11.6.2",
    "jsdom-global": "3.0.2",
    "metro-bundler": "^0.20.0",
    "react-addons-test-utils": "^15.6.2",
    "react-dom": "^16.2.0",
    "react-native-mock": "^0.3.1",
    "react-test-renderer": "16.0.0-alpha.12",
    "sinon": "^4.1.2"
  },
  "resolutions": {
    "moment": "2.19.1"
  }
}

Answer 1

我必须手动将反应舱连接到node_modules

pod 'React', :path => '../node_modules/react-native'

然后再清理和建造