Question

我最近购买了一个关于Udemy的教程来学习本地反应。部分代码已弃用。我真的正在努力使这些问题得以解决。我遇到的问题是我无法使用require导入文件。

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


});

我收到的错误消息是＆＃34;要求未知模块＆＃34;日期＆＃34;。

日期商品代码如下所示：

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

此代码也会产生我上面提到的相同错误消息。我搜索了互联网，无法找到问题的解决方案。我认为这个概念很重要，我想知道导入文件的正确方法，以保持我的代码干净。

Answer 1

所以我自己测试了它，只输入索引文件和日期项目文件中的代码，它似乎对我很好：

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

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

我唯一改变的是在索引文件中，我将AppRegistry更改为仅项目名称。这可能是你的问题所在。

同样在您对原始帖子的评论中，您发布了代码的图片。从同一文件夹导入文件时，您仍然必须使用＆＃39; ./'，因此您的代码应为

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

麻烦使用require vs import React Native

1 个答案: