Question

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

该项目的Github Repo：https://github.com/JohnsCurry/learnAngular 只是为了证明它们都在同一个目录中。对不起，我没有package.json文件。唯一安装的是express。我做了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/ $注射器/ modulerr P0 = mainApp＆安培; P1 =错误％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!');
});

Answer 1

你正在混合Angular 1.3.14和Angular-route 1.4.4。修复版本并查看。

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

1 个答案: