Angularjs 角度文件未显示ng视图且未加载jade文件

大多数事情对我来说都很好。。。但是在app.jsangluar文件中，代码不读取用jade编写的main.jade文件。在我的研究中，我知道angular不读取jade文件，它只读取html文件。所以，我把所有的代码都转换成jade格式，并将其转换成html格式，然后尝试在浏览器中加载，但屏幕是空的当我在浏览器中打开console时，它显示了我

未捕获的语法错误：意外的标记 未捕获的语法错误：意外标记 未捕获的语法错误：意外标记 未捕获的语法错误：意外标记 未捕获的语法错误：意外标记

---

在index.jade divng视图中，整个main.jade文件不工作：：

html，而不是jade。 因此，您必须将所有jade模板转换为html。为此，您可以使用不同的观察者，在更改jade部分时，动态地将它们转换为html

app.js


angular.module('app', ['ngResource', 'ngRoute']);


angular.module('app').config(function($routeProvider, $locationProvider){

$locationProvider.html5Mode(true);
$routeProvider
    .when('/',     {     templateUrl:'../main.jade',controller:'mainCtrl'});
});

angular.module('app').controller('mainCtrl', function($scope){
   $scope.myVar = "Hello Angular";
});


index.jade

extends ../server/includes/layout.jade

  block main-content

    section.content

    div(ng-view)


main.jade

h1 This is a partial

   h2 {{ myVar }}