react-native啓動開發常見錯誤(持續更新)

時間 2019-12-06

標籤 react native 啓動開發常見錯誤持續更新欄目 React 简体版

原文原文鏈接

react-native啓動開發常見錯誤(持續更新)

1. debug error: make directory ... File exists

error: make directory /Users/mobilewise/Library/Developer/Xcode/DerivedData/MCDM-epoyegaizqaljifbmfuxvovvwxqn/Build/Products/Debug-iphoneos/MCDM_guangzhoudianwang.app/mapapi.bundle/images: File exists
error: couldn't remove '/Users/mobilewise/Library/Developer/Xcode/DerivedData/MCDM-epoyegaizqaljifbmfuxvovvwxqn/Build/Products/Debug-iphoneos/MCDM_guangzhoudianwang.app/mapapi.bundle' after command failed: Directory not empty

解決方案：
`Build Phases--->>Copy Bundle Resources,
刪除多餘的文件便可 .`，相似的缺乏打包後存放目錄的文件件等，新建文件夾便可。react

2. iOS開發 Build operation failed without specifying any errors 問題fix

xcode報錯以下：android

verify final result code for completed build operation
Build operation failed without specifying any errors. Individual build tasks may have failed for unknown reasons.
One possible cause is if there are too many (possibly zombie) processes; in this case, rebooting may fix the problem.
Some individual build task failures (up to 12) may be listed below.

解決方案以下：
是因爲cocoapods版本致使，從新安裝便可：ios

//刪除1.4.0包
sudo gem uninstall cocoapods -v 1.4.0

//而後安裝指定版本的Cocoapods
sudo gem install cocoapods -v 1.3.1

//檢查版本
pod --version

參考文章-掘金git

3. 項目地址改變後出現問題

Argument list too long: recursive header expansion failed at
解決方案：Build Settings -> User Header Search Paths 刪除其中內容github

4. 安卓打包報錯

':app:bundleReleaseJsAndAssets FAILED'
解決方案： ./gradlew assembleRelease -x bundleReleaseJsAndAssetsweb

5. 安卓打包報錯

Execution failed for task ':app:transformClassesAndResourcesWithProguardForRelease
解決方案：add the below to your ProGuard rules
`
-ignorewarningsreact-native

-keep class * {api

public private *;

}
`
https://stackoverflow.com/que...xcode

6. 安卓模擬器debbuger報錯

CORS issue with JS Remote Debugging when using xip.io
解決辦法https://github.com/facebook/react-native/issues/17618app

7. 安卓webview沒法返回數據

react native android webview onmessage not working
解決方案：

// 方案1
if (window.postMessage.length !== 1) {
  window.postMessage = function(msg) {
    setTimeout(function () {
      console.log('window.postMessage not ready')
      window.postMessage(msg);
    }, 500);
  }
}
// 方案2
function waitForBridge() {

   //the react native postMessage has only 1 parameter
   //while the default one has 2, so check the signature
   //of the function

   if (window.postMessage.length !== 1){
     setTimeout(waitForBridge, 200);
   }
   else {
     window.postMessage('abc');
   }
}

window.onload = waitForBridge;

參考

https://github.com/facebook/r...
https://stackoverflow.com/que...

8. Xcode 10 的一些錯誤

10. ios啓動報錯

The request was denied by service delegate (SBMainWorkspace) for reason: Security ("Entitlement "com.apple.frontboard.debugapplications" required to launch applications for debugging").
解決方案：
刪除如下文件夾全部內容：/Users/xx/資源庫/Developer/CoreSimulator/Devices/
參考： https://www.jianshu.com/p/133...