Rails 4 production angularjs controller is not a function, undefined

Question

In my development environment my angular pages respond just fine. Once changing my environment to production when I visit my pages with angular content I get an error in the console saying:

Error: [ng:areq] Argument 'SwimmersCtrl' is not a function, got undefined

Here is my modules.js.coffee file:

@comsatrack = angular.module 'comsatrack',
  ['ngResource', 'comsatrackFilters', 'ngAnimate']

Here is my application.js.coffee file:

#= require jquery
#= require jquery.turbolinks
#= require jquery_ujs
#= require bootstrap
#= require turbolinks

#= require angular
#= require angular-resource
#= require angular-animate

#= require modules
#= require_tree .

Here is my swimmers.js.coffee file:

@comsatrack.controller 'SwimmersCtrl', ['$scope', 'Swimmers',
  @SwimmersCtrl = ($scope, Swimmers) ->

$scope.predicate =
  value: 'last_name'

$scope.alerts = []

$scope.addAlert = (swimmer) ->
  $scope.alerts = []
  $scope.alerts.push
    type: "success"
    msg: "#{swimmer.first_name}
          #{swimmer.last_name} has been checked in!"

$scope.closeAlert = (index) ->
  $scope.alerts.splice index, 1

$scope.showPhone = (swimmer) ->
  swimmer.phone_number?

$scope.hideCheckin = (swimmer) ->
  swimmer.phone_number?

$scope.totalDisplayed = 10

$scope.loadMore = ->
  $scope.totalDisplayed += 100

Swimmers.index (data) ->
  $scope.Swimmers = data
]

On the index page I access this controller via:

<div ng-app='comsatrack'>
  <div ng-controller='SwimmersCtrl'>
    <!-- index page content -->
  </div>    
</div>

I have double checked to make sure that I have not double initialized my module anywhere else in my app.

Thank you in advance for any help related to this issue. I would also appreciate any feedback or comments on the code, unrelated to the issue.

tleish · Accepted Answer · 2014-04-11 03:03:22Z

1

Are your JS files being loaded in the browser and if so, do they have your expected javascript code?

My initial thoughts are around the asset pipeline. Unless you changed the asset pipeline configurations, development environment defaults to compiling assets on the fly (which would load your javascript), while production environments Rails assumes assets have been precompiled and will be served as static assets by your web server. If that's the

$ RAILS_ENV=production bundle exec rake assets:precompile

See Rails Pipeline - Production: http://guides.rubyonrails.org/asset_pipeline.html#in-production

answered Apr 11, 2014 at 3:03

tleish

1443 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Rails 4 production angularjs controller is not a function, undefined

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related