title: Adding third party vendor dependencies to mean.js
body: <p>I've been struggling trying to hook up this dependency (<a href="http://flowjs.github.io/ng-flow/" rel="nofollow">http://flowjs.github.io/ng-flow/</a>) to my mean.js application.  I'm thinking it's simply a naming problem.</p>
  
  <p>The error I'm getting is: Error: [$injector:unpr] Unknown provider: flowProvider &lt;- flow</p>
  
  <p>I've tried 'flow', 'Flow', 'ngFlow', etc.  Any help would be greatly appreciated.</p>
  
  <p><strong>modules/core/client/app/config.js</strong></p>
  
  <pre><code>'use strict';
  
  // Init the application configuration module for AngularJS application
  var ApplicationConfiguration = (function() {
      // Init module configuration options
      var applicationModuleName = 'mean';
      var applicationModuleVendorDependencies = ['ngResource', 'ngAnimate', 'ui.router', 'ui.bootstrap', 'ui.utils', 'angularFileUpload', 'flow'];
  
      // Add a new vertical module
      var registerModule = function(moduleName, dependencies) {
          // Create angular module
          angular.module(moduleName, dependencies || []);
  
          // Add the module to the AngularJS configuration file
          angular.module(applicationModuleName).requires.push(moduleName);
      };
  
      return {
          applicationModuleName:                applicationModuleName,
          applicationModuleVendorDependencies:  applicationModuleVendorDependencies,
          registerModule:                       registerModule
      };
  })();
  
  
  modules/properties/client/properties.client.controller.js:
  'use strict';
  
  var $ = $ || {};
  
  // Properties controller
  angular.module('properties').controller('PropertiesController', [
    '$scope',
    '$stateParams',
    '$location',
    'Authentication',
    'Brands',
    'Applications',
    'Properties',
    'flow',
  
      function($scope, $stateParams, $location, Authentication, Brands, Applications, Properties, flow) {
  
  .......
  </code></pre>
  
  <p><strong>modules/properties/client/properties.client.module.js:</strong></p>
  
  <pre><code>'use strict';
  
  // Use applicaion configuration module to register a new module
  //ApplicationConfiguration.registerModule('properties');
  ApplicationConfiguration.registerModule('properties',['flow']);
  </code></pre>
  
  <p><strong>config/assets/default.js:</strong></p>
  
  <p>'use strict';</p>
  
  <pre><code>module.exports = {
      client: {
          lib: {
              css: [
                  'public/lib/bootstrap/dist/css/bootstrap.css',
                  'public/lib/bootstrap/dist/css/bootstrap-theme.css'
              ],
              js: [
                  'public/lib/angular/angular.js',
                  'public/lib/angular-resource/angular-resource.js',
                  'public/lib/angular-animate/angular-animate.js',
                  'public/lib/angular-ui-router/release/angular-ui-router.js',
                  'public/lib/angular-ui-utils/ui-utils.js',
                  'public/lib/angular-bootstrap/ui-bootstrap-tpls.js',
                  'public/lib/angular-file-upload/angular-file-upload.js',
                  'public/lib/jquery/dist/jquery.js',
          'public/lib/ng-flow/dist/ng-flow-standalone.js'
              ],
              tests: ['public/lib/angular-mocks/angular-mocks.js']
          },
          css: [
              'modules/*/client/css/*.css'
          ],
          less: [
              'modules/*/client/less/*.less'
          ],
          sass: [
              'modules/*/client/scss/*.scss'
          ],
          js: [
              'modules/core/client/app/config.js',
              'modules/core/client/app/init.js',
              'modules/*/client/*.js',
              'modules/*/client/**/*.js'
          ],
          views: ['modules/*/client/views/**/*.html']
      },
      server: {
          allJS: ['gruntfile.js', 'server.js', 'config/**/*.js', 'modules/*/server/**/*.js'],
          models: 'modules/*/server/models/**/*.js',
          routes: ['modules/*[!core]/server/routes/**/*.js', 'modules/core/server/routes/**/*.js'],
          sockets: 'modules/*/server/sockets/**/*.js',
          config: 'modules/*/server/config/*.js',
          policies: 'modules/*/server/policies/*.js',
          views: 'modules/*/server/views/*.html'
      }
  };
  </code></pre>