Unknown named module: 'react/lib/NativeMethodsMixin'

Question

I create a new React Native project and install @shoutem/ui in project and include the Examples component of Shoutem UI into React Native app.

import React, { Component } from 'react';
import { AppRegistry } from 'react-native';
import { Examples } from '@shoutem/ui';

class HelloWorld extends Component {
  render() {
    return (
      <Examples />
    );
  }
}

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

But when I run start the project , I get "Unknown named module: 'react/lib/NativeMethodsMixin'" error.

score 2 · Accepted Answer · answered Dec 01 '16 at 10:26

The bug seems to be inside the @shoutem/animation module, in the Parallax.js file: https://github.com/shoutem/animation/blob/develop/Parallax.js NativeMethodsMixin is not imported correctly from react:

If you change this: import NativeMethodsMixin from 'react/lib/NativeMethodsMixin'; to this: import NativeMethodsMixin from 'react'; your app should work.

I would either file a Github issue on the @shoutem/animation project or check if the way NativeMethodsMixin is imported is specific to an older version of react and then use that version in your app.

I hope this helps.

score 0 · Answer 2 · answered Dec 06 '16 at 10:34

0

This is fixed as of v0.8.9 release of @shoutem/animation.

answered Dec 06 '16 at 10:34

Tommz

3,393
7
32
44

Unknown named module: 'react/lib/NativeMethodsMixin'

2 Answers2