react-native未处理的JS异常：更改index.ios.js

Question

我将index.ios.js文件保存在src / js文件夹中，并使用以下命令启动包管理器并使用xcode运行项目。

npm run start -- --root=./src/js

但我得到了以下错误。这种错误的原因是什么以及如何解决？

Unhandled JS Exception: TypeError
loadModuleImplementation

以下是代码详情

index.ios.js

'use strict';

import React from 'react';
import {
  AppRegistry,
  StyleSheet,
  NavigatorIOS,
} from 'react-native';

import Login from './../../app/components/login/Login';

export default class Hello extends React.Component {

  render() {
    return (
      <NavigatorIOS ref="nav"
                    itemWrapperStyle={styles.navWrap}
                    style={styles.nav}
                    initialRoute={{
                      title: "Login",
                      component: Login
                    }}/>
    );
  }
}

var styles = StyleSheet.create({
  navWrap: {
    flex: 1,
    marginTop: 70,
  },
  nav: {
    flex: 1,
    backgroundColor: '#48BBEC'
  }
});

AppRegistry.registerComponent('Hello',() => Hello);

.bablerc

{
  "presets": [
    "react-native"
  ]
}

Answer 1

当我在项目中使用“babel-plugin-transform-async-to-generator”时，我遇到了同样的问题。我通过替换帮助器来解决这个问题，找到/ node_modules / react-native / packager / react packager / src / Resolver / polyfills / babelHelpers.js

https://github.com/facebook/react-native/issues/4844#issuecomment-191282653

希望它对你有用。