无法解决模块`react-native-router-flux'

时间:2017-06-17 07:28:22

标签: react-native react-native-router-flux

我在我的react-native android项目中使用react-native-router-flux

当我运行我的项目时,它在我的emulator上显示以下错误。

enter image description here

操作系统:Ubuntu 16.04

index.android

import React, { Component } from 'react';
import {AppRegistry,StyleSheet,Text,View,Image} from 'react-native';
import {Scene, Router} from 'react-native-router-flux';

import Movie from './src/view/Movies';


export default class testreact extends Component {
  render() {
      return
      <Router >
        <Scene key="root">
            <Scene key="Movie" component={Movie} title="Movie"/>
        </Scene>
    </Router>
  }
}

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

import React, {Component} from 'react';
import {AppRegistry, StyleSheet,Text, View,Image} from 'react-native';
import styles from './../res/styles/style';

var MOCKED_MOVIES_DATA = [
    {title: 'Title', year: '2015', posters: {thumbnail: 'http://i.imgur.com/UePbdph.jpg'}},
];
class Movies extends Component {
    render() {
       var movie = MOCKED_MOVIES_DATA[0];
        return (
            <View style={styles.container}>
                <Text>Title : {movie.title}</Text>
                <Text>Year : {movie.year}</Text>
                <Image source={{uri:movie.posters.thumbnail}} style={styles.thumbnail}/>
            </View>
        );
    }
}

export default Movies;

3 个答案:

答案 0 :(得分:5)

我开始面对这个问题并执行以下步骤解决了问题:

  1. 将react-native-router-flux的版本更改为3.40.1
  2. 删除node_modules目录(rm -rf node_modules
  3. 运行npm install

答案 1 :(得分:3)

使用此命令:npm i react-native-router-flux --save

答案 2 :(得分:0)

电影组件中import styles from './../res/styles/style';上的问题会替换上面的代码,例如import styles from '../res/styles/style';