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

CSS

Posted by erika harvey
erika harvey
Courses Plus Student 14,540 Points

getting error when I try child pages

this is the error message I get when I try to do child pages. I"ve read the zurb documentation, I swear I"m doing it right, but maybe i'm to close to the forest to see the trees. Can someone point out where I've gone wrong?

gulp

[11:41:58] Using gulpfile ~/Desktop/projects/unrepentant/unrepentant/gulpfile.js [11:41:58] Starting 'build'... [11:41:58] Starting 'clean'... [11:41:58] Finished 'clean' after 12 ms [11:41:58] Starting 'copy'... [11:41:58] Starting 'copy:foundation'... [11:41:59] Finished 'copy:foundation' after 520 ms [11:41:59] Starting 'sass'... [11:41:59] Starting 'uglify:foundation'... [11:41:59] Starting 'uglify:app'... [11:42:00] Finished 'copy' after 1.3 s [11:42:00] Finished 'uglify:app' after 122 ms [11:42:00] Finished 'uglify:foundation' after 312 ms [11:42:00] Starting 'uglify'... [11:42:00] Finished 'uglify' after 6.29 Ξs [11:42:00] Finished 'sass' after 1.44 s [11:42:00] Starting 'copy:templates'... /Users/erika/Desktop/projects/unrepentant/unrepentant/node_modules/front-router/node_modules/gulp-util/lib/PluginError.js:73 if (!this.message) throw new Error('Missing error message'); ^ Error: Missing error message at new PluginError (/Users/erika/Desktop/projects/unrepentant/unrepentant/node_modules/front-router/node_modules/gulp-util/lib/PluginError.js:73:28) at DestroyableTransform.bufferContents as _transform at DestroyableTransform.Transform._read (/Users/erika/Desktop/projects/unrepentant/unrepentant/node_modules/front-router/node_modules/through2/node_modules/readable-stream/lib/_stream_transform.js:184:10) at DestroyableTransform.Transform._write (/Users/erika/Desktop/projects/unrepentant/unrepentant/node_modules/front-router/node_modules/through2/node_modules/readable-stream/lib/_stream_transform.js:172:12) at doWrite (/Users/erika/Desktop/projects/unrepentant/unrepentant/node_modules/front-router/node_modules/through2/node_modules/readable-stream/lib/_stream_writable.js:237:10) at writeOrBuffer (/Users/erika/Desktop/projects/unrepentant/unrepentant/node_modules/front-router/node_modules/through2/node_modules/readable-stream/lib/_stream_writable.js:227:5) at DestroyableTransform.Writable.write (/Users/erika/Desktop/projects/unrepentant/unrepentant/node_modules/front-router/node_modules/through2/node_modules/readable-stream/lib/_stream_writable.js:194:11) at write (/Users/erika/Desktop/projects/unrepentant/unrepentant/node_modules/gulp/node_modules/vinyl-fs/node_modules/through2/node_modules/readable-stream/lib/_stream_readable.js:623:24) at flow (/Users/erika/Desktop/projects/unrepentant/unrepentant/node_modules/gulp/node_modules/vinyl-fs/node_modules/through2/node_modules/readable-stream/lib/_stream_readable.js:632:7) at DestroyableTransform.pipeOnReadable (/Users/erika/Desktop/projects/unrepentant/unrepentant/node_modules/gulp/node_modules/vinyl-fs/node_modules/through2/node_modules/readable-stream/lib/_stream_readable.js:664:5) Error: foundation-apps-template@1.1.0 start: gulp Exit status 1 at EventEmitter.<anonymous> (/usr/local/lib/node_modules/foundation-cli/node_modules/npm/lib/utils/lifecycle.js:214:16) at EventEmitter.emit (events.js:110:17) at ChildProcess.<anonymous> (/usr/local/lib/node_modules/foundation-cli/node_modules/npm/lib/utils/spawn.js:24:14) at ChildProcess.emit (events.js:110:17) at maybeClose (child_process.js:1015:16) at Process.ChildProcess._handle.onexit (child_process.js:1087:5) this is my index.html

<code> <!doctype html> <html lang="en" ng-app="application"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Foundation for Apps</title> <link href="./assets/css/app.css" rel="stylesheet" type="text/css"> <script src="./assets/js/foundation.js"></script> <script src="./assets/js/templates.js"></script> <script src="./assets/js/routes.js"></script> <script src="./assets/js/app.js"></script> </head> <body> <div class="grid-frame vertical"> <div class="grid-content shrink" style="padding: 0;"> <ul class="primary condense menu-bar"> <li><a ui-sref="home"><strong>Unrepentant Harlot</strong></a></li> <li><a ui-sref="about"><strong>about</strong></a></li> <li><a ui-sref="contact"><strong>contact</strong></a><li> <li><a ui-sref="parent"><strong>parent</strong></a><li> </ul> </div> <div ui-view class="grid-content"> </div> </div> </body> </html> </code>

this is my parent html template (the top and bottom --- have been ommitted because it was doing strange things when I put them in to this message)

<code> name: parent

url: /parent

<div class = "grid-container">

<ul>

<li><a ui-sref="child1"><strong>child1</strong></a><li>

<li><a ui-sref="child2"><strong>contact</strong></a><li>

</ul>

<h1>parent</h1>

</div> </code> <code>

this is my child template

name: child

parent: parent

url: /child2

<div class = "grid-container">

<h1>p</h1>

</div> </code>

Any help would really be appreciated. I was planning on using this for a hackathon thisweekend but if i can't grasp the concept i'm sol.