First AngularJS + Angular UI Router

Question

Hi guys can you help me I'm just starting to learn angularjs. How to deal with these errors

app.js:6 > Uncaught ReferenceError: angular is not defined
angular.min.js:6 > Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.20/$injector/modulerr?p0=ajs&p1=Error%3A%20…%2F%2FC%3A%2FUsers%2FABK3%2FDesktop%2Fajs%2Fjs%2Fangular.min.js%3A18%3A139)

Thanks in advance guys

var app = angular.module('ajs', ['ui.router'])

<!DOCTYPE html>
<html ng-app="ajs">
<head>
    <meta charset="utf-8">
    <title>AJS</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
    <h1 ui-view>Hi</h1>
</body>

<script src="app.js"></script>

<script src="js/angular.min.js"></script>
<script src="js/angular-ui-router.min.js"></script>
<script src="jquery/jquery.min.js"></script>

</html>

Lucio · Accepted Answer · 2016-08-03 01:52:41Z

1

Make sure your scripts are loaded after angular so they can actually do something. The load order is important, for instance make sure to load jQuery before anything, almost all the libraries requires them to be previously loaded.

<!-- Load vendors -->
<script src="jquery/jquery.min.js"></script>
<script src="js/angular.min.js"></script>
<script src="js/angular-ui-router.min.js"></script>

<!-- Load source code -->
<script src="app.js"></script>

answered Aug 3, 2016 at 1:52

Lucio

5,5163 gold badges55 silver badges82 bronze badges

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

Comments

MaieonBrix · Accepted Answer · 2016-08-03 01:54:17Z

0

You must put all of your script tags that calls angular BEFORE your app.js because your app.js needs angular.

Because here your file loads app.js then angular

answered Aug 3, 2016 at 1:54

MaieonBrix

1,6442 gold badges15 silver badges26 bronze badges

Collectives™ on Stack Overflow

First AngularJS + Angular UI Router

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related