FAQ Database Discussion Community


yeoman and bower not adding bootstrap css (angular generator)

yeoman,yeoman-generator-angular
I'm completely new to using yeoman, bower and grunt (just started learning angular), so if you need any more info please let me know and I'll update the question. I am following along a codelab on the yeoman webpage, and so far I've managed to follow along (with a few...

Grunt build is leaving out a new directory in 'Dist'

angularjs,build,gruntjs,yeoman,yeoman-generator-angular
I'm new to angular and I'm trying to do a grunt build of my Yeoman scaffolded app. At one point in my project I created a new sub directory of "app/". When I do a Grunt build this directory is not included in the "dist" project and it's causing errors....

grunt bower-install of a shimmed bower dependency

node.js,gruntjs,yeoman,bower,bower-install
I've bower installed some Git repo that I need for my application and I did it by doing the following: bower install git://github.com/user/cooltool.git --save grunt bower-install and then I get the following error: cooltool was not injected in your file. Please go take a look in "app/bower_components/cooltool" for the file...

How to generate entities to custom folder with jhipster:entity?

yeoman,jhipster
I would like to generate my models/entities into a custom folder/package and not to domain. Is this possible with the entity generator command?

Push yeoman project to github

github,yeoman,yeoman-generator-angular
I try to work on a yeoman project with a team. After generating the angularjs code with > yo angular and pushed the folder to github git add . git push git commit origin master and when I clone the code from git github I have this error Fatal error:...

Use yeomen generator branch locally

git,npm,yeoman,yeoman-generator-angular
I'm using https://github.com/DaftMonk/generator-angular-fullstack locally, but I would like the generator to use a branch of that project. So I have installed it using npm install -g generator-angular-fullstack 1) What would be the next steps if I would like to use the canary branch of that project and continue to use...

Yeoman - Gruntfile.js generates source map at build but deletes it after any changes

sass,gruntjs,yeoman,yeoman-generator,gruntfile
I installed Yeoman with angular generator, and it created Gruntfile.js. The problem is that after launching the webserver in the terminal with: grunt serve Yeoman generates main.css with in the end the reference of the source map /*# sourceMappingURL=main.css.map */ But after changing any scss the watch routine regenerates it...

data-toggle=“dropdown” activates a route redirect instead of a dropdown in yeoman

javascript,angularjs,node.js,twitter-bootstrap,yeoman
I'm using the angular-bootstrap-datetimepicker, specifically the "Drop-down Datetime with input box". It makes use of the data-toggle="dropdown"attribute. The calendar appeared when I had my AngularJS App running on a simple nodejs express server. Since I migrated to yeoman, clicking on the dropdown activates a redirect to /# (http://localhost:9000/#) This is...

Ionic vs Supersonic UI ( AppGyver )

angularjs,ionic-framework,yeoman,hybrid-mobile-app,supersonic
So here's my problem . I have a web app designed in code-igniter php and we're exposing an API for it to talk to a mobile app. It's an education based CMS app. It allows teachers and students to log in and see grades and any calendar based notifications We...

Using Yeoman aspnet generators (Updated)

asp.net,terminal,yeoman,yeoman-generator,yosemite
I am trying to develop ASP.NET applications using a macbook computer with the Yosemite operating system. I've retrieved the DNVM using Homebrew with the following commands: brew tap aspnet/dnx brew update brew install dnvm I've also setup the ASP.NET generator using the following commands: npm install -g yo generator-aspnet npm...

How I Can Create a Yeoman or Bower repository in Nexus

javascript,yeoman,bower,nexus
Hi we have an Internal Nexus Repository for our JS artifacts How can we get the same type of Repository for Bower.io, Yeoman.io, or any other package manager beside NPM?...

Customize Bootstrap on a Yeoman project

twitter-bootstrap,yeoman
I've an Angular application scaffolded with Yeoman and using Twitter Bootstrap. On their website, Bootstrap prupose to customize the design of their components (http://getbootstrap.com/customize/). Then you download a zip containing Bootstrap files with your customization. On the downloaded zip there are : bootstrap/ fonts/ js/ css/ config.js I just modified...

Yeoman grunt build does not throw any warning/error but the resulting dist is not working

angularjs,gruntjs,yeoman
In an angular application, I either do grunt build or grunt serve:dist to build my production files and deploy them on a remote server. Everything looks fine and I can't see any warning message in the yeoman logs. yo doctor is also happy ("Everything looks all right!"). The problem is,...

Do Yo and Bower overlap in terms of functionality, and if they do is there an advantage to using both?

gruntjs,workflow,gulp,yeoman,bower
I have been using Gulp for a while now and recently started using Bower. I am now looking into whether I should also be using Yo for scaffolding, but I'm not clear on the exact purpose of Yo. I'm confused because when Yo creates an app it seems to install...

Uglify with sourceMap option enabled don't match the filerev js file it should reference

gruntjs,yeoman,grunt-contrib-uglify
Hello, I just enable sourceMap option of the grunt-contrib-uglify module to generate a map file for my concat-jshint-minified-filerev javascript files. In the dist directory I can see : dist/ vendor.6ff9fbf4.js vendor.6ff9fbf4.js.map But if I edit vendor.6ff9fbf4.js, I can see at the end of file that the referenced sourceMap is...

Angular templates not loading after switching to Jade

angularjs,jade,yeoman
I recently switched my Angular project from JavaScript to CoffeeScript (which went fine), and then from HTML to Jade. I'm still trying to work out one of the Jade kinks. I'm using Yeoman. When I load any particular page of my project, I just get a blank screen. If I...

How to explicitly include Foundation 5 child scripts in Bower/Grunt?

javascript,gruntjs,yeoman,bower,zurb-foundation-5
Fairly new to the front-end build system and I am tooling around in a Yeoman generated angular rigged site. It uses Gruntfile.js to include bower.json which declares the following - note that I added Foundation and it's dependencies: { "name": "mercurysocialclub", "version": "0.0.0", "dependencies": { "angular": "^1.3.0", "angular-animate": "^1.3.0", "angular-cookies":...

Yeoman with git

node.js,git,gruntjs,yeoman,bower
I am a complete new user of Yeoman. I am trying to learn the work flow of this Yeoman. So far I understand some of it but I am stuck in a very basic process. Here is what I mean: When I push all my directory to my repository it...

Yeoman angular grunt-serve vs http-serve

angularjs,gruntjs,npm,yeoman,http-server
I've just used Yeoman to create an Angular project that looks great when I run grunt serve. But then I decided to view it by running http-server, and the page gets displayed without the formatting and without the images. Does anyone know why that is and if I'll run into...

Run Yeoman Generator under Windows with npm switches

node.js,yeoman,yeoman-generator
Under Windows 8.1, have npm working fine, but generally run it with the --msvs_version=2012 switch, in case any modules require building. Have got yeoman + a generator installed fine, but when executing the yo xxxx command to run the generator (in this case, the generator is meanjs), how do I...

Custom Node module to install dependencies

javascript,node.js,npm,yeoman
Currently I have a custom Yeoman generator for some applications. This generator requires some dependencies and configurations. 1 - GruntJS to be installed globally; 2 - Bower to be installed globally; 3 - Yeoman to be installed globally; 4 - Some other configurations to be in place; Question: Is there...

how to put to work Ionic generator?

ionic-framework,generator,yeoman
I have an Ionic app running with the basics of Ionic and running it in the browser by doing ionic serve, but I want some new stuff and run it trough the grunt serve command, also has the feature for JSLint, I am already using this scss this: https://github.com/diegonetto/generator-ionic/ and...

angular-fullstack directive causes Error: [$injector:unpr]

angularjs,yeoman,angular-fullstack
I've got an angular-fullstack project that I've been working on. Everything has been working fine, until I tried to make a directive. At first I thought my directive was too complex, but I've since tried with a stock, generated directive and I'm still getting the same error. Directive is here:...

Bower install doesn't seem to be working (Windows 7) - not getting bower_components directory, grunt serve cannot find bower packages

windows-7,yeoman,bower,bower-install
I'm having problems getting bower install working. I'm running through a yo webapp generator which does scaffolds out for me. In my bower.json file, it give me two dependencies: { "name": "webapp-test", "private": true, "dependencies": { "jquery": "~1.11.1", "modernizr": "~2.8.2" } } When I run a bower install after the...

Dependency not injected although service exists

jquery,angularjs,node.js,coffeescript,yeoman
So I've been working on an Angular.js project for awhile now that will be used in a competition, and halfway through I realized I needed a plugin system to dynamically load some necessary code at runtime. Thus far i've found that angular.js isn't very accommodating to loading services at runtime....

Stack overflow after adding jekyll to the gruntjs setup generated by yeogurt

javascript,node.js,gruntjs,jekyll,yeoman
I used yeoman yeogurt generator to kickstart my project. The grunt file generated uses (to the best of my knowledge) include-all and grunt-jit to load the modules. What I would like to do, is add the building of jekyll to this file. To do this I installed grunt-jekyll. Afterwards I...

How to inject angular value and angular constant into karma unit test?

javascript,angularjs,unit-testing,karma-runner,yeoman
I want to test this controller /controllers/datetimepicker.js angular.module('c2gyoApp') .value('smConfig', { rate: 'A', tariff: 'classic' }) .controller('DatetimepickerCtrl', [ '$scope', 'stadtmobilRates', 'smConfig', function($scope, stadtmobilRates, smConfig) { ... $scope.getCurrentRate = function(rate, tariff) { // studi and classic have the same rates if (tariff === 'studi') { tariff = 'classic'; } return stadtmobilRates[tariff][rate]; };...

Is it possible to generate entities from an existing database model in JHipster?

yeoman,spring-roo,yeoman-generator,jhipster
Is there a way to generate entities from an existing database model or do I have to create all entities with yeoman (yo) on my own? I've heard about such a technique from the Spring Roo project....

removing node_modules folder

windows,npm,folder,yeoman,deletion
The problem: I've created a yeoman project by mistake on my windows box. Via explorer when I try to delete it I get an error saying that the path is too long. Several Solutions: http://superuser.com/q/78434/9546 http://stackoverflow.com/a/28999343/145682 Remove complete angular project built with Yeoman But is there a script based solution?...

How can I reinstall Grunt in a yeoman project?

javascript,node.js,gruntjs,npm,yeoman
Something happened to my Grunt installation, and I have no idea what it was. I am using Yeoman to scaffold my app, but today I started getting many Grunt errors. For instance, I now get the following when I run Grunt Test: Loading "autoprefixer.js" tasks...ERROR >> Error: Cannot find module...

Handlebars does not output anything

javascript,gruntjs,handlebars.js,yeoman,bower
At the start of the file I define Handlebars etc.: <!-- build:js(.) scripts/vendor.js --> <!-- bower:js --> <script src="bower_components/jquery/dist/jquery.js"></script> <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script> <script src="bower_components/handlebars/handlebars.js"></script> <!-- endbower --> <!-- endbuild --> At the end of the index.html-file I pull in my Handlebars-file: <!-- build:js({app,.tmp}) scripts/main.js --> <script...

Permission denied while installing Yo

angularjs,yeoman,yeoman-generator-angular,yo
I'm trying to set up yo to use the angular generator for a project. I am following the steps detailled here: http://yeoman.io/learning/index.html I already have Node.js and NPM installed. But when I use the command: sudo npm install -g yo bower grunt-cli It fails and I get this error: >...

Compass file path errors in Grunt

angularjs,gruntjs,yeoman,compass,grunt-contrib-compass
in Gruntfile.js: compass: { options: { sassDir: '<%= yeoman.app %>/styles', cssDir: '.tmp/styles', generatedImagesDir: '.tmp/images/generated', imagesDir: '<%= yeoman.app %>/images', javascriptsDir: '<%= yeoman.app %>/scripts', fontsDir: '<%= yeoman.app %>/styles/fonts', importPath: '<%= yeoman.app %>/bower_components', httpImagesPath: '../images', httpGeneratedImagesPath: '../images/generated', httpFontsPath: '/styles/fonts', spriteLoadPath: '<%= yeoman.app %>/styles/sprites/', relativeAssets: true,...

How to define a directive in gulp-angular-generator using typescript

angularjs,typescript,gulp,yeoman,yeoman-generator
I'm using the Yeoman generator gulp-angular-generator to create an Angular 1.3 project using Typescript. The seed project shows how to create a controller but not a directive. Here is my failed attempt so far: src/app/index.ts /// <reference path="../../.tmp/typings/tsd.d.ts" /> /// <reference path="components/workspace/workspace.controller.ts" /> /// <reference path="components/dashboard/dashboard.directive.ts" /> module app {...

How do I create a deploy git branch for my Yeoman project?

git,deployment,gruntjs,yeoman,branching-and-merging
I created a new project using Yeoman. Using Grunt I've created the dist directory. My whole project is on Github, https://github.com/d3a1i0/mykungfuisstrong.com, and I've created a prod branch. My question is how do I get my prod branch to have only the contents of dist instead of having the dist directory...

Does an existing gruntfile need to be edited? What is the common workflow?

angularjs,gruntjs,yeoman,bower
For an existing app, is there a proper protocol for specifying bower packages such that they're handled correctly when running "grunt build"? Does an existing gruntfile need to be edited? What is the common workflow?

Grunt Build Aborted Due to Warnings

angularjs,gruntjs,yeoman,karma-jasmine,yeoman-generator-angular
I'm new to angular and I'm working with Yeoman scaffolded apps and Grunt. I successfully created a few Grunt builds earlier on in the project but now when I do: Grunt build I get the following message: I'm not sure how to interpret the command line output which is below....

Where to put “non-bower” components

angularjs,yeoman,bower,yeoman-generator,yeoman-generator-angular
I'm a newbie to nodejs and bower. I've just created angular projects with yeoman and see the bower_components folder. But if i have components/libraries that is not installed using bower, where should i put it?

Grunt build setting correct path for bootstrap icons

gruntjs,yeoman,browserify,compass
So i have been trying to build a webapp at work using yeoman, grunt, browserify and sass bootstrap(with compass). I have issues with the finished dist CSS not pointing to the right path, so my glyph-icons are not showing. This is the error i'm getting: http://localhost:9000/styles/.tmp/bower_components/sass-bootstrap/fonts/glyphicons-halflings-regular.woff Failed to load resource:...

yo angular generates files in wrong path ( home directory )

yeoman,ubuntu-14.04,yeoman-generator-angular
yo angular generates the files in my home directory and I don't know why. I did the following: ppa for node curl -sL https://deb.nodesource.com/setup | sudo bash - then install node sudo apt-get install -y nodejs create a symlink sudo ln -s "$(which nodejs)" /usr/bin/node install yeoman sudo npm install...

Create JS files dynamically with Yeoman

yeoman,yeoman-generator
I'm trying to make a Yeoman generator to easily create controller files for Angular with this EXACT template, problem is I can't figure out how to create it with the function name dynamically, like: myangularjs:controller main (main as function name). Is this even possible? Thanks (function() { "use strict"; function...

Invoked Yeoman sub generator doesn't prompt

javascript,node.js,yeoman,yeoman-generator
I would like to invoke some subgenerators from my main generator and have them use a prompt to get their own information. My current implementation does the writing step of the main generator at the same time as the prompting step of the invoked subgenerator, but I would like to...

Can a custom Yeoman generator install dependencies?

npm,yeoman,yeoman-generator
How can I make a custom Yeoman generator to install dependencies? I'm trying to avoid a multi-step installation process and by running 'npm install generator-example' I would like to have access to the local npm modules and bower packages.

Cannot find bower packages

angularjs,yeoman,bower,wiredep
I installed Yeoman on snow leopard OSX 6.8. When I run 'grunt serve' I get the following error (it can't find my bower packages): Dream-2:app1 goldenheart$ grunt serve Running "serve" task Running "clean:server" (clean) task >> 1 path cleaned. Running "wiredep:app" (wiredep) task Warning: Error: Cannot find where you keep...

Bootstrap.js missing from dist folder after using Grunt command

javascript,twitter-bootstrap,gruntjs,yeoman
I'm scaffolding a project with Yeoman and I encountered a problem recently. When I use grunt command on a command line to make distribution version of a project it modifies my index.html and deletes bootstrap.min.js script. Everything else stays the same, it just from some reason deletes that one line...

Integrating a Single-Page Angular App Template into Sails.js

javascript,angularjs,node.js,sails.js,yeoman
I'm currently trying to build an educational single-page web app which will use Angular for the front end and Sails.js for the backend. I am using an Angular app template which can be found here. I want to integrate it into a Sails.js project, and I even read through and...

Accessing root folder in yeoman project gives 404, but bower_components is not

angularjs,yeoman,bower,yeoman-generator,yeoman-generator-angular
I've just created web project using yeoman angular generator. I noticed bower_components is in root folder. I want to put other components that is not installed using bower into not_bower_components folder (also in root folder). The problem is that it gives me 404 when i run grunt serve, but all...

Yeoman generator: how to run async command after all files copied

node.js,yeoman,yeoman-generator
I'm writing a yeoman generator. I need to run some shell script after all files copied. The generator is being called as a child generator so it should wait till script finished. The script is some command file being run via spawn: that.spawnCommand('createdb.cmd'); As the script depends on files created...

permissions installing yeoman with npm - eaccess?

node.js,npm,yeoman
I installed npm with homebrew and had to link it - i'm thinking this may be some part of the issue. This is all new to me so I am seeking any help. I am trying to install yeoman and some other things on a computer with npm install -g...

How to use a branch for a yeoman generator

javascript,git,github,yeoman
I have a yeoman generator installed globally on my system. I would like to use the "canary" branch of a yeoman project if I type $ yo into the console. Currently it uses the master branch. Anyone any hints?...

GruntJS config styles and scripts path in dist

javascript,gruntjs,yeoman
My folder structure looks like this public/ app/ scripts/ styles/ index.html ... dev/ apps/ app/ styles/ scripts/ index.html ... Gruntfile.js ... I've changed in Grunfile.js the dist folder, so when I run grunt --force the production folder is public/app. This works fine, but the paths to the folders styles and...

Yeoman Prompts with Rx Interface

yeoman
I'm trying to write a Yeoman generator, and I really don't enjoy the documented interface for writing prompts. The Reactive Interface seems like it would be much easier to write branching and looping interfaces. However when I write mine like so: prompting: function () { var prompts = [{ type:...

Yeoman Angular Generator not configured properly for brackets.io

angularjs,twitter-bootstrap,yeoman,adobe-brackets
I am looking for help in getting the Live Preview working in brackets.io using a Yeoman generated Angular seed application. The directory structure for the Angular project has an app subdirectory in which the program code is included, which has the required entry point index.html. This index.html refers to the...