如何解決「無法解決模塊...」與react-native錯誤？

我正在嘗試學習如何使用本機反應以及跟隨此YouTube tutorial。我遇到了一個錯誤，指出以下內容，「無法解析模塊...從...：無法解析...作爲文件或文件夾」。我相當肯定所用的文件路徑是正確的，並且我已經非常仔細地跟蹤了視頻，並且它在這個視頻中似乎起作用。任何與此有關的幫助將不勝感激，因爲我不熟悉在反應中使用組件。如何解決「無法解決模塊...」與react-native錯誤？

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

來源

2017-10-12 S. Miller

'component1.js''c'小。 –

嘗試您的組件此路徑

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

來源

2017-10-12 20:30:14 lankovova

嘿，謝謝你的快速回復。我複製了你直接提供的代碼，但沒有解決問題。相反，它現在返回錯誤的最後一條語句中的路徑，如「Users/spencermiller/Desktop/Coding/Apps/myapp/components/Component1/App」。 –

再次查看之後，我發現爲了使代碼匹配，我必須將component1.js文件的名稱實際更改爲Component1.js！再次感謝您的幫助。 –

@Spencer M.很高興幫助 – lankovova

如何解決「無法解決模塊...」與react-native錯誤？

回答

相關問題