React-native: [fatal][tid:main] Unable to resolve module react

Created on 12 Jul 2016 · 12Comments · Source: facebook/react-native

I run xcode project prompted the following error：

[tid:main] Unable to resolve module react from /Users/chenchen/Documents/project/mywebsite/index.ios.js: Unable to find this module in its module map or any of the node_modules directories under /Users/node_modules/react and its parent directories

Do the checklist before filing an issue:

This might be related to https://github.com/facebook/react-native/issues/4968
To resolve try the following:

Clear watchman watches: watchman watch-del-all.
Delete the node_modules folder: rm -rf node_modules && npm install.
Reset packager cache: rm -fr $TMPDIR/react-* or npm start -- --reset-cache.

I follow the above instructions, but still valid

Locked

Source

XiaoLiz

Most helpful comment

@XiaoLiz
you not install react

npm i --save react

不谢！

senpng on 19 Aug 2016

👍8

All 12 comments

@XiaoLiz I think this could be a problem with PATH+npm on windows.
Please try the following:
reinstall all to latest:

npm: 3.10.3
node: 6.3.0
react-native: ^0.29.0
react: 15.2.1

Then:

rm -rf node_modules 
npm clean cache
watchman watch-del-all
npm i
npm start -- --reset-cache

st0ffern on 12 Jul 2016

👍2

@stoffern The need to install npm install react ?

XiaoLiz on 12 Jul 2016

👍2

@XiaoLiz Yes, react-native uses react framework to get its structure.

import React, {Component} from 'react'

st0ffern on 12 Jul 2016

@stoffern According to the above process still not been resolved

XiaoLiz on 12 Jul 2016

@XiaoLiz can you post your index.ios.js code?

st0ffern on 12 Jul 2016

@stoffern

This is init project index.ios.js

/**

Sample React Native App
https://github.com/facebook/react-native
@flow
*/

import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View
} from 'react-native';

class mywebsite extends Component {
render() {
return (
Welcome to React Native!

To get started, edit index.ios.js

Press Cmd+R to reload,{'\n'}
Cmd+D or shake for dev menu

);
}
}

const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
},
instructions: {
textAlign: 'center',
color: '#333333',
marginBottom: 5,
},
});