javascript - 如何使用react-native解决 "Unable to resolve module..."错误？

Question

我正在尝试学习使用 React Native，并且正在遵循此 YouTube tutorial 。我遇到了一条错误，指出以下内容:“无法解析模块...来自...:无法解析...作为文件或文件夹。”我相当确定所使用的文件路径是正确的，并且我非常密切地关注了该视频，并且它似乎在该视频中有效。任何有关这方面的帮助将不胜感激，因为我不熟悉在 react 中使用组件。

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);

Answer 1

尝试使用此路径访问您的组件

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