Невозможно разрешить модуль в реактивном родном

Проблема:
Всякий раз, когда я пытаюсь импортировать .js или любой файл изображения, я получаю это

Не удалось устранить ошибку модуля

Я проверил правильность пути к файлам.

Путь:
введите здесь описание изображения

App.js:

import React, { Component } from "react";
import {
  Container,
  Header,
  Button,
  Icon,
  Item,
  Input,
  Content,
  Footer,
  FooterTab,
  Text,
  Tabs,
  Tab,
  TabHeading,
  Right,
  Left,
  Body,
  Thumbnail,
  StyleProvider
  } from "native-base";
import { Font } from 'expo';

import getTheme from './native-base-theme/components';
import commonColor from './native-base-theme/variables/commonColor';
export default class AnatomyExample extends Component {

  render() {
    return (
      <StyleProvider style={getTheme(commonColor)}>
      <Container>
        <Header 
           style={{ backgroundColor: "#FFF" }} 
          androidStatusBarColor="#fff">
         <Left>
            <Button>
            <Icon active name="menu" style={{ color: "#5d61cc" }}/>
            </Button>
          </Left>
          <Body>
            <Text style={{fontSize: 20, fontWeight: 'bold'}}>Home</Text>
          </Body>
          <Right />
        </Header>
        <Tabs   tabBarBackgroundColor='white'  style={{ elevation: 3 }} >
        <Tab heading={<TabHeading ><Icon name="home" style={{color: "#5d61cc"}}/></TabHeading>} >
           </Tab>

           <Tab  heading={<TabHeading><Icon name="search" style={{color: "#5d61cc"}}/></TabHeading>}>
           </Tab>

          <Tab  heading={<TabHeading><Icon ios='ios-notifications'  android='md-notifications'
           style={{ color: "#5d61cc"}}/></TabHeading>}>
           </Tab>

           <Tab  heading={<TabHeading><Icon name="mail" style={{ color: "#5d61cc"}}/></TabHeading>}>
           </Tab>

        </Tabs>
        <Content padder />

        <Footer style={{backgroundColor: 'white'}}>
        <FooterTab style={{backgroundColor: 'white'}}>
          <Button >
            <Text style={{fontSize: 12, color: "#5d61cc", fontWeight: 'bold'}}>All</Text>
          </Button>
          <Button>
            <Text style={{  fontWeight: 'bold'}}>Mentions</Text>
          </Button>

        </FooterTab>
        <Right>
            <Icon style={{ marginRight: 10, color: "#5d61cc" }} name='settings'></Icon>
        </Right>
      </Footer>

      </Container>
    </StyleProvider>
    );
  }
}

function newFunction() {
  return '';
}

Ошибка:

Не удалось разрешить ./native-base-theme/components" из "./C:\Users\Abc\AwesomeProject\App.js" не удалось разрешить C:\Users\Abc\AwesomeProject\native-base-theme\components' как файл или как папка","имя":"UnableToResolveError","type":"UnableToResolveError","errors":[{}]},"type":"bundling_error"}"


react-native jsx native-base
person zedunaid    schedule 14.12.2017    source источник
comment
Вы пытаетесь импортировать папку import getTheme from './native-base-theme/components'; , вы должны импортировать файл внутри папки components или внутри native-base-theme должен быть файл с именем components.js   -  person Ashraf    schedule 14.12.2017
comment
@Ashraf Тем не менее, у меня такая же ошибка ..   -  person zedunaid    schedule 14.12.2017

Ответы (1)


arrow_upward
0
arrow_downward

если вы хотите импортировать getTheme таким образом, ./native-base-theme/components вы должны поместить индексный файл в свою папку components.

в противном случае вы можете импортировать непосредственно из файла, в котором определена функция getTheme.

import getTheme from './native-base-theme/components/somefile';

or

import { getTheme } from './native-base-theme/components/somefile';

зависит от того, как вы определяете getTheme в этом файле

person Andang Rian Dimas    schedule 14.12.2017