Ravenous Part 1 : Failed to compile

I am working on Ravenous part 1 at the moment: https://www.codecademy.com/paths/web-development/tracks/front-end-applications-with-react/modules/react-development-setup-and-ravenous-part-1/projects/create-prj-components

I have completed all the steps but I’m getting an error in the browser which says:
Failed to compile
.src/components/App/App.js
Module not found: Can’t resolve ‘./components/BusinessList/BusinessList’ in ‘/Users/myname/Desktop/Coding/Projects/ravenous/src/components/App’

I thought it might be an issue with the file structure, so I tried everything I could think of with regards to that, including putting my App.js and Business.js in the same folder, but the error persists.

Here is my App.js and file structure:

BusinessList.js

import React from 'react';
import './BusinessList.css';
import Business from '../Business/Business';



class BusinessList extends React.Component {
   render() {
       return (
        <div className="BusinessList">
         <Business />
         <Business />
         <Business />
         <Business />
         <Business />
         <Business />
      </div>
       )
   }
}

export default BusinessList;

SearchBar.js

import React from 'react';
import './SearchBar.css';

const sortByOptions = {
   'Best Match': 'best_match',
   'Highest Rated': 'rating',
   'Most Reviewed': 'review_count'
};

class SearchBar extends React.Component {
    renderSortByOptions() {
        return Object.keys(sortByOptions).map(sortByOption => {
        let sortByOptionValue = sortByOptions[sortByOption];
        return <li key={sortByOptionValue}>{sortByOption}</li>
        });
      }
    render() {
        return (
          <div className="SearchBar">
            <div className="SearchBar-sort-options">
              <ul>
                {this.renderSortByOptions()}
              </ul>
           </div>
  <div className="SearchBar-fields">
    <input placeholder="Search Businesses" />
    <input placeholder="Where?" />
  </div>
  <div className="SearchBar-submit">
    <a href= "www.#.com">Let's Go</a>
  </div>
</div>
        );
    }
}


export default SearchBar;

Thanks very much in advance :grinning:

This topic was automatically closed 41 days after the last reply. New replies are no longer allowed.