Geek Answers Handbook

AngularJS cannot find module with latest RequireJS requirements

I just upgraded to RequireJS 2.1.1. I have an AngularJS application that I download with it. I get โ€œNo Module: Applicationโ€ from angular to running the basic definitions.

It works fine on RequireJS 2.0.1. Any idea what could change?

Here is public / index.html

<!doctype html> <html lang="en" ng-app="app"> <head> <meta charset="utf-8"> <title>AngularJS</title> <link rel="stylesheet" href="css/style.css"/> <script data-main="main" src="requirejs/require.js"></script> </head> <body> <div ng-view></div> </body> </html>

And here is public / main.coffee

 require.config shim: underscore: exports: '_' ngResource: exports: 'angular' deps: ['angular'] angular: exports: 'angular' deps: ['jquery'] jquery: exports: 'jQuery' paths: underscore: 'underscore/index' angular: 'AngularJS/angular' ngResource: 'angular-modules/resource' jquery: 'jquery/jquery' # Bootstrap angularjs using requirejs. define [], (require) -> angular = require 'angular' ngResource = require 'ngResource' TestCtrl = require 'controllers/TestCtrl' ## ROUTER ########### app = angular.module 'app', ['ngResource'], ($routeProvider) -> $routeProvider.when '/test', {templateUrl: 'partials/test.html', controller: TestCtrl} $routeProvider.otherwise {redirectTo: '/test'} return app
+8
javascript html angularjs coffeescript requirejs
source share
2 answers

You must manually bootstrap angular and remove the ng-app attribute in this case, since the module is not available in dom ready:

 angular.bootstrap document, ['app']

at the end of your definition function

+22
source share

You need to add this js file: angular -resource.js

-one
source share

More articles:


All Articles