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 Introduction to React Native Implementing React Native Containers, Components, and Styles

iOS Build Error

I downloaded the project files for this video (stage2v3) and tried to run it with react-native run-ios.

I get this error:

error: bundling: UnableToResolveError: Unable to resolve module `./scenes/WelcomeScene` from `/Users/Sanam/Code/treehouse/react-native/stage2v3/src/App.js`: Directory /Users/Sanam/Code/treehouse/react-native/stage2v3/src/scenes/WelcomeScene doesn't exist
    at ResolutionRequest._loadAsDir (/Users/Sanam/Code/treehouse/react-native/stage2v3/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:485:13)
    at tryResolveSync (/Users/Sanam/Code/treehouse/react-native/stage2v3/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:335:18)
    at tryResolveSync (/Users/Sanam/Code/treehouse/react-native/stage2v3/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:66:12)
    at ResolutionRequest._resolveFileOrDir (/Users/Sanam/Code/treehouse/react-native/stage2v3/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:333:12)
    at ResolutionRequest._resolveNodeDependency (/Users/Sanam/Code/treehouse/react-native/stage2v3/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:341:19)
    at ResolutionRequest.resolveDependency (/Users/Sanam/Code/treehouse/react-native/stage2v3/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:141:29)
    at dependencyNames.map.name (/Users/Sanam/Code/treehouse/react-native/stage2v3/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:145:59)
    at Array.map (native)
    at ResolutionRequest.resolveModuleDependencies (/Users/Sanam/Code/treehouse/react-native/stage2v3/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:145:42)
    at module.read.then (/Users/Sanam/Code/treehouse/react-native/stage2v3/node_modules/react-native/packager/src/node-haste/DependencyGraph/ResolutionRequest.js:172:40)
Bundling `index.ios.js`  99.5% (406/407), failed.

1 Answer

Bruno Carpinelli
Bruno Carpinelli
7,974 Points

Go to App.js and modify the line "./scenes/WelcomeScene" to "./Scenes/WelcomeScene" with Capital S in Scenes and the other lines too.

import WelcomeScene from './Scenes/WelcomeScene' import TeamSelectorScene from './Scenes/TeamSelectorScene' import TeamProfileScene from './Scenes/TeamProfileScene' import TabIcon from './Components/navigation/Tab';

Look the folder structure, all have initial capital letters in the name of the folders.

Let me know.

Arti Yadav
Arti Yadav
4,685 Points

Thanks for your answer.