需要本机模块

Question

我陷入了本机项目中的一个问题。我试图做一个通用的需求文件，在其中导出所有模块。之后，我只需要我的“
require.js”文件，以避免在每个文件中都这样调用require（’../../ ModuleName’）。

我有4个文件：

index.ios.js
/app/home.js
/app/MyView.js
/app/require.js

require.js：

module.exports = {

    Home: require('./home'),
    MyView: require('./MyView')

}

在index.ios.js中（他的Home和MyView模块正确获取了importet）

'use strict';

var React = require('react-native');
var {
    AppRegistry,
    StyleSheet,
    Text,
    View,
} = React;

var {
    Home,
    MyView
} = require('./app/require');

class Test_require extends React.Component {

    render() {

        return(
            <Home />
        );
    }

}



AppRegistry.registerComponent('Test_require', () => Test_require);

Home.js（模块MyView没有获得重要信息）

'use strict';

var React = require('react-native');

var {
    View,
    Text
} = React;

var {
    MyView
} = require('./require');

class Home extends React.Component {

    render() {
        console.log(MyView);
        return(
            <MyView />
        );
    }

}

module.exports = Home;

在Home.js中，MyView变量是“ undefined”。如果我想在一个模块中需要一个已经导入到另一个文件中的模块，则该变量未定义。

你们有什么线索我为什么可以这样做吗？还是有更好的解决方案来解决我的问题？感谢您提供任何线索

Answer 1

因此，如果有人遇到相同的问题，我会发布自己的答案。

以这种语法，所需文件将被同步加载。因此，如果组件的构建比需要文件的速度快，则会发生此问题。要么在需要时使组件延迟加载，要么使用es6
import语法（异步导入）：

import React from 'react-native'

干杯！