Javascript 未能实例化模块路由_Javascript_Angularjs

Javascript 未能实例化模块路由

javascript angularjs

Javascript 未能实例化模块路由,javascript,angularjs,Javascript,Angularjs,为什么我会有这个错误？这是我的错误： “未能实例化模块路由” 详情： “未捕获错误：[$injector:modulerr]$injector/modulerr？p0=Rerp&p1=Error%3A%2…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.11%2Fangular.min.js%3A17%3A350）” 及 “未能实例化模块TestApp，原因是：错误：[$injector:modulerr]$injector/modulerr？p0=…

为什么我会有这个错误？这是我的错误： “未能实例化模块路由”

详情：

“未捕获错误：[$injector:modulerr]$injector/modulerr？p0=Rerp&p1=Error%3A%2…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.11%2Fangular.min.js%3A17%3A350）”

及

“未能实例化模块TestApp，原因是：错误：[$injector:modulerr]$injector/modulerr？p0=…）”

及

“无法实例化模块路由，原因是：错误：[$injector:nomod]$injector/nomod？p0=ngR…”

HTML:

我解决了您的问题，如果您仍然需要：

app.js：

var testApp = angular.module('testApp', ['ngRoute']);
var configuration = {
  appPartialPath: "/partial/",
  appApiEntryPoint: "/api/"
 };

 testApp.config(function ($routeProvider,$locationProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/main.html',
        controller: 'MainCtrl'
      });
 });

 /* CONTROLLER MAIN FORM */
 testApp.controller('MainCtrl', function ($scope) {
    console.log("APP STARTED");
 });

和index.html：

<!DOCTYPE html>
<html>

  <head>
    <meta charset="UTF-8" />
    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
    <title>Test</title>
    <!-- JQUERY -->
    <script src="https://code.angularjs.org/1.3.11/angular.js"></script>
    <script src="https://code.angularjs.org/1.3.11/angular-route.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <!-- BOOTSTRAP  -->
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" />
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
  </head>

  <body ng-app="testApp">
    <div class="main">
      <div ng-view="" class="container"></div>
    </div>
    <!-- fine main -->
    <script src="app.js"></script>
  </body>

</html>


试验

问题是，您需要将这两个脚本都放在您的头部而不是身体中，以便在执行angular之前加载它们。此外，我还修复了$routeprovider，因此可以正确调用Mainctrl

感谢已进入高级阶段！不是复制品！因为我的Angularjs是1.3.11！别担心…：-）

var testApp = angular.module('testApp', ['ngRoute']);
var configuration = {
  appPartialPath: "/partial/",
  appApiEntryPoint: "/api/"
 };

 testApp.config(function ($routeProvider,$locationProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/main.html',
        controller: 'MainCtrl'
      });
 });

 /* CONTROLLER MAIN FORM */
 testApp.controller('MainCtrl', function ($scope) {
    console.log("APP STARTED");
 });

<!DOCTYPE html>
<html>

  <head>
    <meta charset="UTF-8" />
    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
    <title>Test</title>
    <!-- JQUERY -->
    <script src="https://code.angularjs.org/1.3.11/angular.js"></script>
    <script src="https://code.angularjs.org/1.3.11/angular-route.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <!-- BOOTSTRAP  -->
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" />
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
  </head>

  <body ng-app="testApp">
    <div class="main">
      <div ng-view="" class="container"></div>
    </div>
    <!-- fine main -->
    <script src="app.js"></script>
  </body>

</html>