Question

我是本机不熟悉的新人，但我面临未找到模块的错误。我的文件夹结构如下

app/
    assets/
    components/
        home.js
        header.js
App.js

header.js

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

export default class Header extends Component{
  render() {
    return (
    <Text>
        this is header
    </Text>
    );
   }
}

home.js

import React, {Component} from 'react';
import {Text} from 'react-native';
import Header from 'header';

export default class Home extends Component{
  render() {
    return (
        <View>
            <Header/>
            <Text>
                this is homepage
            </Text>
        </View>
    );
   }
}

App.js header.js

import React, {Component} from 'react';
import {Text} from 'react-native';
import Home from './app/components/home';

export default class App extends Component{
  render() {
    return (
        <View>
            <Home/>
        </View>
    );
   }
}

到目前为止，我一直在寻找答案，但至今没有解决方案。如果我在home.js中删除Header类的导入，它将起作用。

Answer 1

您应该将标头导入为

import Header from './header'

代替

import Header from 'header'

即使文件存在，react-native模块也找不到错误

1 个答案: