Angular html 文件找不到 JS 控制器 [Node.js/Angular]答案

【问题标题】：Angular html file can't find JS controller [Node.js/Angular]Angular html 文件找不到 JS 控制器 [Node.js/Angular]
【发布时间】：2016-04-04 06:35:04
【问题描述】：

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

该项目的 Github 存储库：https://github.com/JohnsCurry/learnAngular 只是为了证明它们都在同一个目录中。抱歉，我没有 package.json 文件。唯一要安装的是快递。我做了npm install --save express。所以我不知道为什么 package.json 文件没有显示出来。

我在没有运行服务器的情况下尝试了同样的结构（仅静态 html 和 JS 文件客户端）并且 13.html 文件找到了 controller13.js 文件就好了。当我运行 Node.js 时，它不起作用。

我的错误：

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

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

13.html

<!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>

controller13.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!');
});

【问题讨论】：

您忘记确认静态文件夹。 app.use(express.static(__dirname + '/public'));
谢谢...我现在遇到了一个不同的错误，但我认为这是完全不同的事情。现在我的问题是我的 Angular 代码很糟糕。抱歉这个菜鸟问题。

标签： javascript html angularjs node.js

【解决方案1】：

您正在混合使用 Angular 1.3.14 和 Angular-route 1.4.4。修一下版本看看。

【讨论】：