react-native run-ios报的错误

Question

scotter老师，这就是报的错误，怎么解决

Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/imoocApp.app/Info.plist

Print: Entry, ":CFBundleIdentifier", Does Not Exist

Answer 1

老男孩326 2016-08-28 12:04:22

1. 安装

npm i -g rninit

2. 使用

2.1 用最新的 react-native 版本创建工程：

rninit init [Project Name]

2.2 用特定的 react-native npm 版本创建工程：

rninit init [Project Name] --source react-native@0.22.2

安装好版本之后把课程需要的依赖包都加进去 就可以跑起来了

• Scott #1

  求管理员把此高质量置顶或者收录

• qq_沐浴阳光_1 #2

  什么依赖包，如何加

• qq_沐浴阳光_1 #3

  启动以后报错，缺少组件

Answer 2

qq_沐浴阳光_1 2016-11-16 00:19:23

npm install react-native-cli@0.1.10 -g    然后通过react-native init [name]    react-native --version   提示0.37什么鬼

• Scott #1

  应该是 cli 又偷偷被官方升级了，没关系，往下走，遇到困难后，直接通看补录这一章，这一章仔细看两遍，无论 rn 什么版本，其实都能轻松搞定版本差异问题

Answer 3

Unlucky0 2016-12-17 16:15:03

Scott老师我为什么在创建文件过程中一直创建不成功，就是这句话react-native init imoocApp

一直提示我

module.js:339

    throw err;

    ^

Error: Cannot find module 'invariant'

    at Function.Module._resolveFilename (module.js:337:15)

    at Function.Module._load (module.js:287:25)

    at Module.require (module.js:366:17)

    at require (module.js:385:17)

    at Object.<anonymous> (/Users/zhanghaibin/imoocApp/node_modules/react-native/packager/react-packager/src/node-haste/Module.js:18:19)

    at Module._compile (module.js:435:26)

    at loader (/Users/zhanghaibin/imoocApp/node_modules/react-native/node_modules/babel-register/lib/node.js:144:5)

    at Object.require.extensions.(anonymous function) [as .js] (/Users/zhanghaibin/imoocApp/node_modules/react-native/node_modules/babel-register/lib/node.js:154:7)

    at Module.load (module.js:356:32)

    at Function.Module._load (module.js:311:12)

这是为什么啊

• missky #1

  同学这个问题解决了吗？如果解决了是怎么解决的？

• LNoe 回复 missky #2

  npm i invariant warn -g

Answer 4

Scott 2016-08-27 09:09:25

我也经常遇到类似这样的奇怪报错，最终我的解决方式是遵循，先排除环境问题，再查代码问题。

我们首先从整个的版本入手哈，版本跟我的先对上，因为课程中是和版本强绑定的，版本不满足不能保证 100% 跑的通，等到后面课程你跟的多了，你就有能力自己升级课程了（升级的视频我也在准备中）：

首先确保 Homebrew 更新了，系统也更新到最新了，然后  xcode-select --install 也安装了，以及通过 brew 安装的这一坨：

brew install watchman git flow gcc pkg-config cairo libpng jpeg giflib mongodb

最后还是通过 nvm 切换到 Nodejs  v4.2.3 的版本，不要跃升到 6：

1 2 3

nvm install v4.2.3 nvm alias default v4.2.3 npm install react-native-cli@0.1.10 -g

然后是 imoocApp 项目本身的版本，是通过 react-native-cli 来初始化的，初始化的时候，不要执行 sudo，初始化以后以后的  react 和 react-native 版本应该跟下面的保持一致，其他的是后面课程安装的版本先不管：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

"lodash": "^4.13.1", "mockjs": "^1.0.0", "query-string": "^4.2.0", "react": "^0.14.8", "react-native": "^0.22.2", "react-native-audio": "^1.2.1", "react-native-button": "^1.6.0", "react-native-cli": "^0.2.0", "react-native-image-picker": "^0.20.0", "react-native-progress": "^3.0.1", "react-native-sk-countdown": "^1.0.1", "react-native-swiper": "^1.4.6", "react-native-vector-icons": "^2.0.2", "react-native-video": "^0.8.0", "sha1": "^1.1.1"

以上全部保持一致后，我们来看下 info.plist，参考下我下面的：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> <plist version="1.0">   <dict>     <key>CFBundleDevelopmentRegion</key>     <string>en</string>     <key>CFBundleExecutable</key>     <string>$(EXECUTABLE_NAME)</string>     <key>CFBundleIdentifier</key>     <string>org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)</string>     <key>CFBundleInfoDictionaryVersion</key>     <string>6.0</string>     <key>CFBundleName</key>     <string>$(PRODUCT_NAME)</string>     <key>CFBundlePackageType</key>     <string>APPL</string>     <key>CFBundleShortVersionString</key>     <string>1.0</string>     <key>CFBundleSignature</key>     <string>????</string>     <key>CFBundleVersion</key>     <string>1</string>     <key>LSRequiresIPhoneOS</key>     <true/>     <key>UILaunchStoryboardName</key>     <string>LaunchScreen</string>     <key>UIRequiredDeviceCapabilities</key>     <array>       <string>armv7</string>     </array>     <key>UISupportedInterfaceOrientations</key>     <array>       <string>UIInterfaceOrientationPortrait</string>       <string>UIInterfaceOrientationLandscapeLeft</string>       <string>UIInterfaceOrientationLandscapeRight</string>     </array>     <key>UIViewControllerBasedStatusBarAppearance</key>     <false/>     <key>NSLocationWhenInUseUsageDescription</key>     <string/>     <key>NSAppTransportSecurity</key>     <dict>       <key>NSAllowsArbitraryLoads</key>       <true/>       <key>NSExceptionDomains</key>       <dict>         <key>localhost</key>         <dict>           <key>NSTemporaryExceptionAllowsInsecureHTTPLoads</key>           <true/>         </dict>       </dict>     </dict>   </dict> </plist>

然后比对下跟我的 ios/AppDelegate.m 的代码一致性：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48

/**  * Copyright (c) 2015-present, Facebook, Inc.  * All rights reserved.  *  * This source code is licensed under the BSD-style license found in the  * LICENSE file in the root directory of this source tree. An additional grant  * of patent rights can be found in the PATENTS file in the same directory.  */ #import "AppDelegate.h" #import "RCTRootView.h" @implementation AppDelegate - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {   NSURL *jsCodeLocation;   /**    * Loading JavaScript code - uncomment the one you want.    *    * OPTION 1    * Load from development server. Start the server from the repository root:    *    * $ npm start    *    * To run on device, change `localhost` to the IP address of your computer    * (you can get this by typing `ifconfig` into the terminal and selecting the    * `inet` value under `en0:`) and make sure your computer and iOS device are    * on the same Wi-Fi network.    */   jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];   /**    * OPTION 2    * Load from pre-bundled file on disk. The static bundle is automatically    * generated by the "Bundle React Native code and images" build step when    * running the project on an actual device or running the project on the    * simulator in the "Release" build configuration.    */ //   jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];   RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation                                                       moduleName:@"imoocApp"                                                initialProperties:nil                                                    launchOptions:launchOptions];   self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];   UIViewController *rootViewController = [UIViewController new];   rootViewController.view = rootView;   self.window.rootViewController = rootViewController;   [self.window makeKeyAndVisible];   return YES; } @end

然后来这里，排除下这里的环境问题：

http://facebook.github.io/react-native/releases/0.22/docs/troubleshooting.html#content

以上全部搞定无误后，还是跑不通，可以把你的代码完整打包发到 564318110  群共享里，再来看看是咋回事。

在初期，很多问题都是由于环境问题导致的，要小心应对

• madan #1

  https://github.com/facebook/react-native/issues/11508