RN开发实战BUG收集集锦（持续更新。。。）

yuange RN 2021-01-11 1122 0 RN实战BUG收集

“D:\Program Files\nodejs\node.exe” “D:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js” install --scripts-prepend-node-path=auto
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.8 (node_modules\fsevents):
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: Error: EPERM: operation not permitted, rename ‘E:\Code\WM\RectNative\RNSimples\node_modules.staging\fsevents-4dbc8900\node_modules\strin
g_decoder’ -> ‘E:\Code\WM\RectNative\RNSimples\node_modules.staging\string_decoder-26180b62’

解决：

libgnustl_shared.so" is 32-bit instead of 64-bit

locating the gradle.properties file in the root project, and add

Android.useDeprecatedNdk=true.1

in the build.gradle of the app:

	android {  
	    ...  
	    defaultConfig {  
	        ...  
	        ndk {  
	            abiFilters "armeabi-v7a", "x86"  
	        }  
	  
	        packagingOptions {  
	            exclude "lib/arm64-v8a/librealm-jni.so"  
	        }  
	    }  
	}  
12345678910111213

Check the render method of `SceneView`

invariant violation: invariant vialation: element type is invalid:expected a string(for buil-in components_or a class/function(for composite components)but got :object
Check the render method of SceneView

解决办法：项目根目录打开 cmd ：

	npm list -g --depth=0 
1

查看 react react-native 库之间是否出现版本冲突问题，
如果出现，根据提示的版本操作

我的解决是直接卸载现有版本，更新最新版本

	npm uninstall -g react
	npm uninstall -g react-native
	npm install -g react-native
	npm install g react-native1234

再次查看是否有冲突： ’ npm list -g --depth=0 ’
有冲突卸载冲突版本，安装不冲突的版本。

Caused by: com.facebook.jni.CppException: Strict mode does not allow function declarations in a lexically nested statement.

Failed to load resource: net::ERR_CONNECTION_REFUSED

解决办法：

Strict mode does not allow function declarations in a lexically nested statement

’ https://github.com/facebook/react-native/issues/11389 ’
I’ve found how to fix it
open node_modules\react-native\Libraries\Core\InitializeCore.js line 112
change function handleError(e, isFatal) to var handleError = function(e, isFatal)
then do npm start – --reset-cache
hope that it will be fixed soon
I have created pull request for that

error: resource style/Theme.AppCompat.Light.NoActionBar (aka com.rnsimples:style/Theme.AppCompat.Light.NoActionBar) not found.

https://github.com/facebook/react-native/issues/23707
我的解决办法就是将： project的 build.gradle 中版本升级 · classpath ‘com.android.tools.build:gradle:3.4.0’ ·
将gradle->gradle-wrapper.properties中升级位：->distributionUrl=https://services.gradle.org/distributions/gradle-5.1.1-all.zip

1.'config.h' file not found

屏幕快照 2018-11-06 下午2.20.26.png

解决方案：

cd node_modules/react-native/third-party/glog-0.3.4

../../scripts/ios-configure-glog.sh

cd ../../../../

sh script/xcode10.sh

输入上面四个命令

clean the project and build again, the error is gone

其实执行 .sh 命令之后Terminal界面的一些处理流程，我们不难看出，这个命令是check .h头文件的引用情况，然后建立关联关系

如果输入以上命令还是报错如下图

以上问题出现在Xcode 项目build的过程中，错误提示Xcode路径定位错误，那就通过命令行重新指定Xcode路径，网上有人说是安装过多个Xcode版本的缘故

解决方案：终端运行：

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer/

然后再运行

cd node_modules/react-native/third-party/glog-0.3.4

../../scripts/ios-configure-glog.sh

2error: bundling failed: Error: While resolving modulereact-native-vector-icons/MaterialIcons,

error:bundling failed:Error:Whileresolvingmodule`react-native-vector-icons/MaterialIcons`,theHastepackage`react-native-vector-icons` was found.Howeverthemodule`MaterialIcons` could not be found within thepackage.Indeed,none of these files exist: