React Native - 無法解決模塊

-1

在添加此問題之前，我檢查了以前的答案。不幸的是我沒有找到適合這個的。我是React Native的初學者，我正在學習一個教程。我收到這個錯誤。React Native - 無法解決模塊

index.android.js

import React from 'react'; 
import { AppRegistry } from 'react-native'; 
import Header from './src/components/header'; 

const App =() =>(
    <Header/> 
); 


AppRegistry.registerComponent('albums' ,()=>App);

header.js

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

const Header =() => { 
    return <Text> Albums ! </Text>; 
}; 

export default Header;

來源

2017-09-29 venura

只需卸載和重新構建應用程序 –

在這裏，你已經說這個文件是Header.js，但是你的導入是小寫的h頭。在這裏或在你的項目中輸錯？ – MattyK14

@ MattyK14 - 對不起，這是我在這裏輸入的錯誤。它實際上是header.js。我在這裏更正了 – venura

//import lib 
import React from 'react'; 
import {AppRegistry,View} from 'react-native'; 
import Header from './src/components/Header'; 

// create the component 
const App =() => { 
    return (
       <Header /> 
    ); 
}; 
// render the component 
AppRegistry.registerComponent('ListItem',() => App);

Header.js

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

const Header = (props) => { 
    return(
    <Text > Albums ! </Text> 
); 
}; 

export default Header;

來源

2017-09-29 14:20:07

獲取相同的錯誤:( – venura

檢查兩個控制檯 –

此錯誤是因爲您正在爲Header組件定義錯誤的路徑，或者因爲您拼錯了此組件的名稱 –

-1

我認爲您需要將index.android.js中的props傳遞到header.js.在您的原始代碼中，您在header.js中設置了const Header = (props) => {，但是您沒有在索引文件中傳遞props。

//import lib 
import React from 'react'; 
import {AppRegistry,View} from 'react-native'; 
import Header from './src/components/Header'; 

// create the component 
const App =() => { 
    return (
     <Header headerText={'Albums'} /> 
    ); 
}; 
// render the component 
AppRegistry.registerComponent('ListItem',() => App);

header.js

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

const Header = (props) => { 
    return(
    <Text > {props.headerText} </Text> 
); 
}; 
export default Header;

來源

2017-09-30 06:05:12 ken

誰曾經低估過這一點，請解釋原因 – ken

您提供的是錯誤的路徑，請更正此

import Header from './src/components/Header';

隨着

import Header from '../src/components/Header';

來源

2017-09-30 07:53:45

React Native - 無法解決模塊

回答

相關問題