Menu icon Foundation
V1.0.2 when using components

I was eagerly awaiting this update and keen to try it out but I am experiencing errors when running the built application using FfA 1.0.2 when I include components like Modals or Actionsheets, etc
Process used:
Installed using: npm install foundation-apps
created new project: foundation-apps new myapp
started watch: foundation-apps watch
Modified the index.html file to include both a title-bar & menu-bar.
Tested page-OK no errors in console
Added element and the following errors appear in the console.

 GET http://localhost:8080/components/modal/modal.html 404 (Not Found)
foundation.js:8 Error: [$compile:tpload] Failed to load template: components/modal/modal.html
http://errors.angularjs.org/1.3.8/$compile/tpload?p0=components%2Fmodal%2Fmodal.html
    at http://localhost:8080/assets/js/foundation.js:5:654
    at handleError (http://localhost:8080/assets/js/foundation.js:9:6022)
    at processQueue (http://localhost:8080/assets/js/foundation.js:8:15430)
    at http://localhost:8080/assets/js/foundation.js:8:15694
    at Scope.$eval (http://localhost:8080/assets/js/foundation.js:8:27766)
    at Scope.$digest (http://localhost:8080/assets/js/foundation.js:8:25628)
    at Scope.$apply (http://localhost:8080/assets/js/foundation.js:8:28171)
    at done (http://localhost:8080/assets/js/foundation.js:7:17153)
    at completeRequest (http://localhost:8080/assets/js/foundation.js:7:20857)
    at XMLHttpRequest.xhr.onload (http://localhost:8080/assets/js/foundation.js:7:21779)
            

         

Looking at the build folder created there is no components folder...... just an assets folder, templates folder and an index.html file.

Anyone else getting this problem?
Using Windows 7.

buildclientfoundation-apps

I was eagerly awaiting this update and keen to try it out but I am experiencing errors when running the built application using FfA 1.0.2 when I include components like Modals or Actionsheets, etc
Process used:
Installed using: npm install foundation-apps
created new project: foundation-apps new myapp
started watch: foundation-apps watch
Modified the index.html file to include both a title-bar & menu-bar.
Tested page-OK no errors in console
Added element and the following errors appear in the console.

 GET http://localhost:8080/components/modal/modal.html 404 (Not Found)
foundation.js:8 Error: [$compile:tpload] Failed to load template: components/modal/modal.html
http://errors.angularjs.org/1.3.8/$compile/tpload?p0=components%2Fmodal%2Fmodal.html
    at http://localhost:8080/assets/js/foundation.js:5:654
    at handleError (http://localhost:8080/assets/js/foundation.js:9:6022)
    at processQueue (http://localhost:8080/assets/js/foundation.js:8:15430)
    at http://localhost:8080/assets/js/foundation.js:8:15694
    at Scope.$eval (http://localhost:8080/assets/js/foundation.js:8:27766)
    at Scope.$digest (http://localhost:8080/assets/js/foundation.js:8:25628)
    at Scope.$apply (http://localhost:8080/assets/js/foundation.js:8:28171)
    at done (http://localhost:8080/assets/js/foundation.js:7:17153)
    at completeRequest (http://localhost:8080/assets/js/foundation.js:7:20857)
    at XMLHttpRequest.xhr.onload (http://localhost:8080/assets/js/foundation.js:7:21779)
            

         

Looking at the build folder created there is no components folder...... just an assets folder, templates folder and an index.html file.

Anyone else getting this problem?
Using Windows 7.

Hans McMurdy over 4 years ago

I'm on windows 8 and was actually going to ask something similar. The same-thing more or less happens with panels... They re-factored the angular folder and specifically the directives,partials and common and merged to "components". See the change log: http://foundation.zurb.com/apps/docs/#!/changelog

Worst case you can always run git clone https://github.com/zurb/foundation-apps.git then go through the code (especially the commits to see how the paths were changed in the js) and use it as a boilerplate (which is what I just finished doing).

In anycase, be patient things will work itself out soon enough.

Happy Holidays and happy coding.

Maciej Matecki over 4 years ago

Hi,
I've got the same issue. I was able to fix it by changing gulpfile.js.

  return gulp.src(['./bower_components/foundation-apps/js/angular/components/**.*'])
    .pipe(gulp.dest('./build/components/'));
});

to:

  return gulp.src(['./bower_components/foundation-apps/js/angular/components/**/*'])
    .pipe(gulp.dest('./build/components/'));
});

Notice the part with asterisks there's / instead of ..

Regards,
Maciej.

Hans McMurdy over 4 years ago

I just found an actual fix for using the cli:
https://github.com/zurb/foundation-apps-template/issues/16

For windows (which i'm on) just edit the gulpfile line 74 from

return gulp.src(['./bower_components/foundation-apps/js/angular/components/**.*'])

to

return gulp.src(['./bower_components/foundation-apps/js/angular/components/**/*.html'])