Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Justin Rich
Justin Rich
19,556 Points
Posted by Justin Rich
Justin Rich
19,556 Points

Comment: need to correct default imports in App.js

Currently all the default imports for App.js are incorrectly listed. The folders for each view/component are listed as such:

/*
 * Containers (Views)
 */
 import WelcomeScene from './scenes/WelcomeScene'
 import TeamSelectorScene from './scenes/TeamSelectorScene'
 import TeamProfileScene from './scenes/TeamProfileScene'

/*
 * TabBar Icons
 */
import TabIcon from './components/navigation/Tab';

The 'components' and 'scenes' folder names should be capitalized otherwise the app will error out. Here's what it should look like:

/*
 * Containers (Views)
 */
 import WelcomeScene from './Scenes/WelcomeScene'
 import TeamSelectorScene from './Scenes/TeamSelectorScene'
 import TeamProfileScene from './Scenes/TeamProfileScene'

/*
 * TabBar Icons
 */
import TabIcon from './Components/navigation/Tab';

1 Answer

Sergey Pomaraiko
Sergey Pomaraiko
5,572 Points
Sergey Pomaraiko
Sergey Pomaraiko
5,572 Points 
/*
 * Containers (Views)
 */
 import WelcomeScene from './Scenes/WelcomeScene';
 import TeamSelectorScene from './Scenes/TeamSelectorScene';
 import TeamProfileScene from './Scenes/TeamProfileScene';

/*
 * TabBar Icons
 */
import TabIcon from './Components/navigation/Tab';