最近在RN開發(fā)交流群中發(fā)現(xiàn)很多同學們會問下面的報錯是什么情況肺缕，感覺自己的代碼語法各方面都沒有寫錯啊，怎么運行項目就報錯尼唤反，一頭霧水不知道什么情況。作者在前段時間開發(fā)時也是遇到這個問題，后面找到了問題的所在，在這就解決方案分享給大家。
error
示例代碼：
/**
* keyboardManagerDemo
* 作者Git：https://github.com/guangqiang-liu
* 技術(shù)交流群：620792950
* 作者QQ：1126756952
* Created by guangqiang on 2017/11/5.
*/
import React, { Component, PropTypes} from 'react'
import {
StyleSheet,
Text,
View,
TextInput,
} from 'react-native'
export default class App extends Component<{}> {
render() {
const {name} = this.props
return (
<View style={styles.container}>
<Text style={{flex: 1, marginTop: 100}}>{name}</Text>
<TextInput
style={{height: 40, borderWidth: 1, borderColor: 'red', marginBottom: 20, width: 200}}
underlineColorAndroid='transparent'
placeholder={'我是TextInput組件'}/>
</View>
)
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF'
}
})
App.propTypes = {
name: PropTypes.string.isRequired
}
根據(jù)報錯提示，錯誤鎖定在這行代碼上name: PropTypes.string.isRequired雨让，然后Google出答案，發(fā)現(xiàn)是React的版本升級導致的忿等。
- 在React 15.5.0 之后的版本中栖忠，將PropTypes從React庫中廢除掉了，當我們需要使用PropTypes時贸街，我們需從prop-types中導出PropTypes即可庵寞。
import PropTypes from 'prop-types'
錯誤總結(jié)
在React 15.5.0 之后的版本，我們就不要再已這種方式導出PropTypes了import React, { Component, PropTypes} from 'react'
更換為：import PropTypes from 'prop-types'薛匪，安裝prop-types庫 npm install prop-types --save
當我們 執(zhí)行 npm start 時捐川，報如下的錯誤，這時我們需要注意
- 是否成功開啟了服務
- iOS的ATS是否配置
image
iOS在info.plist中配置ATS如下
image
福利時間
- 作者React Native開源項目OneM地址(按照企業(yè)開發(fā)標準搭建框架設(shè)計開發(fā))：https://github.com/guangqiang-liu/OneM (歡迎小伙伴們 star)
- 作者簡書主頁：包含50多篇RN開發(fā)相關(guān)的技術(shù)文章http://www.reibang.com/u/023338566ca5 (歡迎小伙伴們：多多關(guān)注逸尖，多多點贊)
- 作者React Native QQ技術(shù)交流群：620792950 歡迎小伙伴進群交流學習
- 友情提示：在開發(fā)中有遇到RN相關(guān)的技術(shù)問題古沥，歡迎小伙伴加入交流群（620792950），在群里提問娇跟、互相交流學習岩齿。交流群也定期更新最新的RN學習資料給大家，謝謝支持苞俘！
