React Native unable to resolve module X from 'pathToApp.js': could not resolve 'pathToComponentName' as a file nor as a folder

Question

My import statement:

import Stuff from './components/Stuff';

My directory is laid out with explr as the parent directory, the components directory is a direct subdirectory of the parent dir, and App.js, where the import statement is, is in the parent dir.

My 'Stuff.jsx':

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

export default class Stuff extends React.Component {
  render () {
    return (
      <View style={styles.sidebar} />
    )
  }
}

const styles = StyleSheet.create({
  sidebar: {
    position: 'absolute',
    left: 0,
    top: 20,
    height: '100%',
    width: 200,
    backgroundColor: 'lightslategrey',
    display: 'flex',
    flexDirection: 'column'
  },
})

Adam burdette · Accepted Answer · 2017-11-02 20:52:51Z

1

React Native does not support importing .jsx files. See my answer here.

answered Nov 2, 2017 at 20:52

Adam burdette

514 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React Native unable to resolve module X from 'pathToApp.js': could not resolve 'pathToComponentName' as a file nor as a folder

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related