Error: No module: ngRoute when trying to implement routing in angularjs

Question

app = angular.module("dithat", ["ngRoute", "ngResource", 'ng-rails-csrf']);
  app.config(['$routeProvider',
  function($routeProvider) {
  $routeProvider.
  when('/', {
    templateUrl: 'app/views/layouts/_user_page.html',
    controller: 'accomplishmentController'
  });
}]);

Am I missing something? Thanks!

Andyrooger · Accepted Answer · 2013-10-17 01:11:05Z

27

Have you included the angular-route.js file in your page? And are you using angular 1.2.0 - the module doesn't seem to exist prior to this.

See http://docs.angularjs.org/api/ngRoute

answered Oct 17, 2013 at 1:11

Andyrooger

6,7461 gold badge45 silver badges44 bronze badges

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

6 Comments

natecraft1 Over a year ago

hi! no i didn't know that was required. I just got the route.min.js from here code.angularjs.org/1.2.0rc1 and put it in my assets/javascripts file and put this <script src="/assets/angular-route.js"></script> in my application.html.erb but it gave me errors like TypeError: Cannot read property 'copy' of undefined angular-route.js:7 Error: Unknown provider: $sceProvider <- $sce <- $route <- ngViewDire

KayakDave Over a year ago

You need to tell it that it's JS. So try: <script type="text/javascript" src="/assets/angular-route.js"></script>

Andyrooger Over a year ago

What version of main angular.js file do you have?

natecraft1 Over a year ago

im using this gem 'angularjs-rails'

Andyrooger Over a year ago

In that case, it looks like you should be including angular-route with something like //= require unstable/angular-route in your gemfile. However, if you are not using unstable angular then I would expect @BKM is correct and you probably don't need the module.

|

Tarun Garg · Accepted Answer · 2015-10-06 07:22:59Z

2

Add angular-route into application.js like

in /app/assets/javascripts/application.js

//= require angular
//= require angular-resource
//= require angular-route

answered Oct 6, 2015 at 7:22

Tarun Garg

7177 silver badges19 bronze badges

Comments

Gaurav · Accepted Answer · 2015-01-21 18:32:25Z

-1

Remove ngRoute from our dependency injection as you are already injecting routeProvider in config

app = angular.module("dithat", ["ngResource", 'ng-rails-csrf']);
  app.config(['$routeProvider',
  function($routeProvider) {
  $routeProvider.
  when('/', {
  templateUrl: 'app/views/layouts/_user_page.html',
  controller: 'accomplishmentController'
});
}]);

answered Jan 21, 2015 at 18:32

Gaurav

8699 silver badges11 bronze badges

Collectives™ on Stack Overflow

Error: No module: ngRoute when trying to implement routing in angularjs

3 Answers 3

6 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related