Question

我从react-native开始了一个新项目。我在app / components / home /中创建了一个名为Home.jsx的组件。看起来像这样：

import React, { Component } from 'react';

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

export default class Home extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Text>This is the home component!</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
});

export default Home;

我的index.js（在根目录中）文件如下所示：

import {AppRegistry} from 'react-native';
import Home from './app/components/home/Home';
import {name as appName} from './app.json';

AppRegistry.registerComponent(appName, () => Home);

当我尝试在模拟器中加载应用程序时，出现以下错误消息：

error: bundling failed: Error: Unable to resolve module 
`./app/components/home/Home` from 
`/Users/[my_name]/repos/[repo_name]/index.js`: 
The module `./app/components/home/Home` could not be found from 
`/Users/[my_name]/repos/[repo_name]/index.js`. Indeed, none of these 
files exist:

我在做什么错了？

Answer 1

我通过不使用名为app的文件夹而不是使用src来使其工作。我不完全确定为什么这可以解决问题，但是我们走了！

React Native：找不到我的（创建的）组件吗？

1 个答案: