使用 require vs import React Native 遇到问题答案

【问题标题】：Trouble using require vs import React Native使用 require vs import React Native 遇到问题
【发布时间】：2016-08-27 12:46:51
【问题描述】：

我最近购买了一个关于 Udemy 的教程来学习 React Native。部分代码已弃用。我真的在尽我最大的努力来解决这些问题。我遇到的问题是我无法使用 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


});

我收到的错误消息是“需要未知模块”day-item。

日项目代码如下：

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

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

【问题讨论】：

您在导入中的路径是错误的。 day-item 模块相对于调用代码的位置是什么？
在src目录下
我什至将文件复制到同一目录中以消除复杂性，但仍然没有运气。
我创建了一个img来帮助imgur.com/a/mLNwf
@RobertMoskal 知道我哪里出错了吗？

标签： import react-native

【解决方案1】：

所以我自己测试了一下，只输入了索引文件和day-item文件中的代码，对我来说似乎工作正常：

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

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

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

在您对原始帖子的评论中，您还发布了您的代码图片。当从同一个文件夹导入文件时，你仍然必须使用'./'，所以你的代码应该是

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

【讨论】：