angularAMD icon indicating copy to clipboard operation
angularAMD copied to clipboard

Cannot Get App to Init

Open stljeff1 opened this issue 8 years ago • 1 comments

Hi,

First, thanks for making this utility.

I have been unable to get my app to initialize after converting my app to utilize AngularAMD. I have no idea why its not working, and therefore, have no where to begin troubleshooting.

Essentially, my app.js file is loaded and parsed, but execution never happens

Here is my main.js require.config({

baseUrl: "js/",

// alias libraries paths
paths: {
    'jquery': 'https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min',
    'bootstrap': 'http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min',
    'angular': 'https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular',
    'angular-route': 'https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular-route.min',
    'angularAMD': 'angularAMD'        
},

// Add angular modules that does not support AMD out of the box, put it in a shim
shim: {
      'angularAMD': ['angular'],
    'angular-route': ['angular'],
    'bootstrap': ['jquery']
},

// kick start application
deps: ['app']

});

Here is my app.js: define(['angularAMD', 'angular-route', 'controllers/ctrlOne', 'controllers/ctrlTwo'], function(angularAMD) { 'use strict'; var app = angular.module('MyApp', ['ngRoute']); console.log(app); // yada yad yada });

Can you tell me why that console.log() call never fires? I am using Firebug to set breakpoints where the yada yada yada comment is, but none of the code in the block executes. Can you see anything that I'm doing wrong?

stljeff1 avatar Mar 27 '16 23:03 stljeff1

@stljeff1 is that all of the content of your app.js ? If yes then you will need something like.

// config your app
app.config(/* your config goes here... */);

// code...

// bootstrap with angularAMD and return an object, so requireJS/angularAMD can use it later
return angularAMD.bootstrap(app);

Also I can see that you are calling angular in your app.js without define the alias in define() block or config global alias in shim

the-unsoul avatar Mar 30 '16 07:03 the-unsoul