如何使用react-native解决“无法解析模块...”错误?

时间:2017-10-12 20:27:51

标签: javascript reactjs react-native

我正在努力学习使用本机反应并遵循此YouTube tutorial。我遇到了一个错误,说明以下内容:“无法解析模块......来自......:无法解析...作为文件或文件夹。”我相当确定使用的文件路径是正确的,我已经非常密切地关注了视频,它似乎适用于此视频。由于我不熟悉在反应中使用组件,所以对此有任何帮助将非常感激。

index.js

import React, {Component} from 'react';
import { AppRegistry, Text, View } from 'react-native';
import App from './App';

import Component1 from './app/components/Component1/Component1';

export default class myapp extends Component {
  render() {
    return(

      <View>
        <Component1 />
      </View>

    );
  }
  constructor() {
    super();
  }
}

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

component1.js

import React, {Component} from 'react';
import { AppRegistry, Text, View } from 'react-native';
import App from './App';

export default class Component1 extends Component {
  render() {
    return(

      <View>
        <Text>This is Component 1.</Text>
      </View>

    );
  }
  constructor() {
    super();
  }
}

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

enter image description here enter image description here

1 个答案:

答案 0 :(得分:4)

尝试使用此组件的路径

import Component1 from './app/components/Component1/component1';