Angular html文件可以'找不到JS控制器[Node.JS/Angular]

Angular html file can't find JS controller [Node.js/Angular]

本文关键字:JS Angular 控制器 Node 找不到 文件 html      更新时间:2023-11-24

这是我项目中的文件/文件夹,都在同一个文件夹中。

项目的Github Repo:https://github.com/JohnsCurry/learnAngular只是为了证明它们都在同一个目录中。对不起,我没有package.json文件。唯一要安装的是express。我做了npm install --save express。所以我不知道为什么package.json文件没有出现。

我在没有服务器运行的情况下尝试过这种完全相同的结构(仅限客户端的静态html和JS文件),13.html文件发现controller13.JS文件很好。当我运行Node.js时,它不起作用。

我的错误:

得到http://localhost:3000/controller13.jslocalhost/:8 angular.js:38未捕获错误:[$injector:modulerr]http://errors.angularjs.org/1.3.14/$injector/modulerr?p0=mainApp&p1=错误%3…gleapis.com%2Fajax%2Flibs%2Angularjs%2F31.3.14%2Fangular.min.js%3A17%3A381)

因此,由于某种原因,它找不到controller13.js文件,我认为这就是我收到$injector错误的原因。

13.7html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>AngularJS | Hands On!</title>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular-route.js"></script>
  <script src="controller13.js"></script>
</head>
<body ng-app="mainApp" ng-controller="">
  <div ng-view></div>
</body>
</html>

控制器13.js

var app = angular.module('mainApp', ['ngRoute']);
app.config(function($routeProvider) {
  $routeProvider
  .when('/', {
    templateUrl: '/page13.html'
  })
  .when('/helloUser', {
    templateUrl: '/hello13.html'
  })
  .otherwise({
    redirectTo: '/'
  });
});

app.js

var express = require('express');
var app = express();
app.get('/', function (req, res) {
  res.sendfile(__dirname + '/13.html');
});
app.listen(3000, function () {
  console.log('Example app listening on port 3000!');
});

您正在混合Angular 1.3.14和Angular路由1.4.4。修复版本,请参阅。