没有模块定义的错误

No module defined error

本文关键字:错误 定义 模块      更新时间:2023-09-26

我的html页面:

enter code here
<!DOCTYPE html>
<!-- define angular app -->
<html ng-app="daily">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
  <!-- SCROLLS -->
  <!-- load bootstrap and fontawesome via CDN -->
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
   <!-- jQuery library -->
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>

  <script src="js/script.js"></script>
</head>
<!-- define angular controller -->
<body>
<div  style="background-color:black" class = "page-header">

每日

</body>

我的登录.html

  <html>
  <body>
  <p>
   Hello
   </p>
   <body>
  <html>

enter code here

我的脚本.js:

   var app=angular.module('daily',[]);
  app.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
 .state('Home', {
    url: '/Home',
    templateUrl: 'templates/login.html'
  });
   $urlRouterProvider.otherwise('/Home');

});

我正在获取模块"每日"不可用!您拼错了模块名称或忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数错误。不理解我犯的错误

由于您正在尝试使用ui路由器,因此它依赖于我们的模块,因此请将其包含在内。

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

注意:ui路由器将不起作用,您应该使用ui路由器.

您必须在我的script.js:中声明所有依赖项

var app=angular.module('daily',[
'ui.router',
]);
  app.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
 .state('Home', {
    url: '/Home',
    templateUrl: 'templates/login.html'
  });
   $urlRouterProvider.otherwise('/Home');
});

在你的索引中,你没有包括ui路由器js:https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.min.js