2016-08-27 2 views
2

Недавно я купил учебник по Udemy, чтобы узнать, как реагировать на родной язык. Некоторая часть кода устарела. Я действительно стараюсь изо всех сил стараться преодолеть эти проблемы. У меня проблема: я не могу импортировать файл, используя require.Trouble using require vs import React Native

My import React, { Component } from 'react'; 
import { AppRegistry, Text, TextInput, View } from 'react-native'; 
import weekdays from './src/day-item'; 



var Weekdays =React.createClass({ 
    render:function(){ 
     return <View> 
     <Text> 
     Days of the Weeks: 
     </Text> 
     </View> 
    } 

}); 

AppRegistry.registerComponent('HelloWorld', function(){ 

    return Weekdays 


}); 

Сообщение об ошибке я получаю это «Требуя неизвестный модуль„день-пункт“

день Код товара выглядит следующим образом:.

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




var DayItem =React.createClass({ 
    render:function(){ 
     return <View> 
     <Text> 
     Days of the Weeks: 
     </Text> 
     </View> 
    } 

}); 

AppRegistry.registerComponent('HelloWorld', function(){ 

    return Weekdays 


}); 

module.exports = DayItem; 

Учебник инструктирует меня, чтобы использовать этот синтаксис для импорта файла:

var DayItem = require('./src/day-item'); 

Этот код также дает мне то же сообщение об ошибке, о котором я упоминал Бова. Я искал в Интернете и не мог найти решение моей проблемы. Я думаю, что концепция важна, и я хотел бы знать, как правильно импортировать файлы, чтобы мой код был чистым.

+0

Ваш путь в импорте - это просто неправильно. Каково расположение модуля дневного элемента относительно вызывающего кода? –

+0

он находится в каталоге src – o6t9o

+0

Я даже скопировал файл в том же каталоге, чтобы удалить осложнения, и до сих пор не повезло. – o6t9o

ответ

2

, так что я проверил это самостоятельно, только введя код из индексного файла и файла изо дня в пункт, и это, кажется, работает хорошо для меня:

http://i.imgur.com/P98NInb.png

http://i.imgur.com/ecfDnCw.png

Единственное, что я изменил, было в индексном файле, где я изменил свой AppRegistry только на название проекта. Это может быть причиной вашей проблемы.

Также в ваших комментариях к исходному сообщению вы отправили изображение своего кода. При импорте файла из той же папки вам все равно придется использовать «./», поэтому ваш код должен быть

var DayItem = require('./day-item');