Модуль Angularjs не распознается
Привет, я делаю угловое приложение, до сих пор я сделал модуль с контроллерами представлений и поставщиком маршрутов.. Однако в самом начале я получаю ошибку говоря
"angular.js: 4588 Uncaught Error: [$injector:modulerr] не удалось создать экземпляр модуля mainM из - за: Error: [$injector: nomod] модуль 'mainM' недоступен!"
Я поместил предупреждение в оба скрипта, чтобы они запускались, и я импортировал anguler и anguler-route перед импортом моего java-скрипта, так что я не уверен, почему он не распознается?
Я новичок в angular JS sohelp, получивший передачу hello world, был бы очень признателен! :)
Заранее спасибо
Что я уже пробовал:
//Яваскрипт
var mainM = angular.module('mainM', ['ngRoute'])
.config(["$routeProvider", "$locationProvider", function($routeProvider, $locationProvider)
{
$routeProvider
// route for the home page
.when('/', {
controller: "homeController",
templateUrl : '../index.html'
})
// route for the about page
$routeProvider.when('/signIn', {
controller: "controllSignIn",
templateUrl : '../Public/partials/MainPage/signIn.html'
})
$routeProvider.when('/signUp', {
controller: "controllNewProject",
templateUrl : '../Public/partials/MainPage/newProject.html'
})
// route for the contact page
$routeProvider.when('/newProject', {
controller: "controllSignUp",
templateUrl : '../Public/partials/MainPage/signUp.html'
});
$locationProvider.html5Mode({enabled: true, requireBase: false});
}]);
<!-- HTML CODE -->
<html lang = "en" ng-app ="mainM">
<head>
<title>Project Buddy</title>
<link rel = "stylesheet" href = "bower_components/bootstrap/dist/css/bootstrap.min.css">
<link rel = "stylesheet" href = "bower_components/font-awesome/css/font-awesome.min.css">
<link rel = "stylesheet" href = "Public/css/mainPage.css">
<meta name ="viewport" content = "width=device-width, initial-scale = 1.0 ">
<meta charset=utf-8 />
</head>
<body background = "img/background.jpg">
<div class="dropDown">
<ul id="drop-nav">
<li><a href="#">New Project</a>
<ul><li><a href="#">Search For Project</a></li></ul>
</li>
<li><a href="#">My Account</a>
<ul>
<li><a href="#">Joomla</a></li>
<li><a href="#">Drupal</a></li>
<li><a href="#">WordPress</a></li>
<li><a href="#">Concrete 5</a></li>
</ul>
</li>
<li><a href="#">Design Documents</a>
<ul>
<li><a href="#">Create Document</a></li>
<li><a href="#">Upload Document</a></li>
</ul>
</li>
</ul>
<!-- Logo goes here -->
<img src="img/Logo.jpg" alt="Logo" style="width:auto; height:150;" align="left" class = "make-it-fit"></img>
<ul id="drop-nav">
<li><a href="#">. About</a></li>
<li><a href="#">. Forum</a>
<ul>
<li><a href="#">Joomla</a></li>
<li><a href="#">Drupal</a></li>
<li><a href="#">WordPress</a></li>
<li><a href="#">Concrete 5</a></li>
</ul>
</li>
<li><a href="#">Chat</a>
<ul>
<li><a href="#">Create Document</a></li>
<li><a href="#">Upload Document</a></li>
</ul>
</li>
</ul>
</div>
<!-- End of drop down menu -->
<!-- Test links-->
<a href="#//">Root</a>
<a href="#/signIn">Sign In</a>
<a href="#/signUp">Sign Up</a>
<a href="#/newProject">New Project</a>
<ng-view></ng-view>
<div class="chatBox">Back ground chat</div>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="scripts/module.js"></script>
</body>
</html>