如何解决“无法解决模块...”与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错误？

回答

相关问题