安裝babel：

一個能把ES6語法轉(zhuǎn)成ES5的工具。

npm install -g babel

1.報錯Strict mode does not allow……

調(diào)試紅屏耘戚，并報錯：

React Native: SyntaxError: Strict mode does not allow function declarations in a lexically nested statement

解決辦法：

在項目根目錄創(chuàng)建.babelrc文件，其中寫入：

{
  "plugins": [
    "syntax-async-functions",
    "syntax-class-properties",
    "syntax-trailing-function-commas",
    "transform-class-properties",
    "transform-es2015-arrow-functions",
    "transform-es2015-block-scoping",
    "transform-es2015-classes",
    "transform-es2015-computed-properties",
    "transform-es2015-constants",
    "transform-es2015-destructuring",
    ["transform-es2015-modules-commonjs", { "strict": false, "allowTopLevelThis": true }],
    "transform-es2015-parameters",
    "transform-es2015-shorthand-properties",
    "transform-es2015-spread",
    "transform-es2015-template-literals",
    "transform-flow-strip-types",
    "transform-object-assign",
    "transform-object-rest-spread",
    "transform-react-display-name",
    "transform-react-jsx",
    "transform-regenerator",
    ["transform-es2015-for-of", { "loose": true }]
  ]
}

然后重新啟動nodejs服務(wù)：

npm start -- --reset-cache

2.報錯navigator is deprecated……

這是因?yàn)榘姹旧壍?.43以上的話轩端，Navigator不能直接從react-native里面獲取了凑保。

解決辦法：

# --save會修改項目根目錄的package.json，避免漏掉這個依賴
npm install react-native-deprecated-custom-components --save

然后在引用的地方

import {Navigator}
 from react-native-deprecated-custom-components

3.警告：PropTypes has been moved to a separate package...

解決辦法：

// Before (15.4 and below)
import React from 'react';

class Component extends React.Component {
  render() {
    return <div>{this.props.text}</div>;
  }
}

Component.propTypes = {
  text: React.PropTypes.string.isRequired,
}

// After (15.5)
import React from 'react';
import PropTypes from 'prop-types';

class Component extends React.Component {
  render() {
    return <div>{this.props.text}</div>;
  }
}

Component.propTypes = {
  text: PropTypes.string.isRequired,
};

4.警告：React.createClass is no longer supported...

解決辦法：

// Before (15.4 and below)
var React = require('react');

var Component = React.createClass({
  mixins: [MixinA],
  render() {
    return <Child />;
  }
});

// After (15.5)
var React = require('react');
var createReactClass = require('create-react-class');

var Component = createReactClass({
  mixins: [MixinA],
  render() {
    return <Child />;
  }
});