在本机项目中,导入我自己的组件失败

时间:2016-10-10 09:22:27

标签: javascript ios react-native

我有TestApp文件夹,我已经创建了我的本机测试应用程序,因此索引文件位于TestApp/index.ios.js,我在另一条路径中声明了一个组件{{1} }。 当我尝试在TestApp/UIComponents/StartScreen/StartScreen.jsx文件中导入组件StartScreen时,会出现错误:

  

需要未知模块   " ./ UIComponents / StartScreen / StartScreen.jsx"。如果您确定   模块在那里,尝试重新启动打包器或运行" npm install"。   unknownModuleError       require.js:147 loadModuleImplementation       require.js:88 guardedLoadModule       require.js:65   _要求       require.js:49       index.android.js:18 loadModuleImplementation       require.js:122 guardedLoadModule       require.js:58   _要求       require.js:49全局代码       需要-0.js:1

StartScreen.jsx内容:

index.ios.js

index.ios.js内容:

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

class StartScreen extends Component {
  render() {
    return (
      <View>
        <Text>Some text</Text>
      </View>
    );
  }
}

export default StartScreen;

1 个答案:

答案 0 :(得分:2)

在导入时尝试不使用.jsx扩展名。