偶尔出现未知提供者：$templateRequest Provider <- $templateRequest <- $route <- ngView 指令错误

Question

我正在开发一个 angular 应用程序，它在计算机#1 上运行完全正常，当我在计算机#2 上克隆 git 存储库并执行我的 npm install、bower install 和 grunt bower-install，加载失败。

谷歌搜索后，许多人指出这是未包含 ng-route 的常见副作用。

页面加载后，'view source' 显示 ng-route 已成功包含：

<!-- build:js(app) scripts/vendor.js -->
<!-- bower:js -->
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="bower_components/Chart.js/Chart.js"></script>
<script src="bower_components/angular-chart.js/dist/angular-chart.js"></script>
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<script src="bower_components/d3/d3.js"></script>
<script src="bower_components/codemirror/lib/codemirror.js"></script>
<script src="bower_components/angular-ui-codemirror/ui-codemirror.js"></script>
<!-- endbower -->
<!-- endbuild -->

我的 app.js 文件肯定要求 ngRoute:

angular.module('myApp', [
  'ngCookies',
  'ngResource',
  'ngSanitize',
  'ngRoute',
  'chart.js',
  'ui.bootstrap',
  'ui.codemirror'
])

我的路线是这样定义的：

$routeProvider.when('/dashboard', {
  templateUrl: 'partials/dashboard',
  controller: 'DashboardCtrl'
})

然后我检查了这些依赖项是否确实已加载：

^-- 似乎是 "yes" 他们已经加载了。我点击了它们以确保响应实际上是正确的 javascript 内容。每个都包含正确的内容。

就 angular-route.js 资源的版本而言，

工作站点使用route v1.3.14
无法正常工作的站点使用路由 v1.3.15

就确定发生这种情况的原因而言，控制台中的错误消息似乎没有任何用处。我该如何调试？

Answer 1

您是否检查过是否将以下组件正确地放入了您的 bower 目录中？

<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>

或者如果您在网络中遇到有关下载软件包的任何 HTML 问题？

您的错误看起来像是未加载 ngRoute 模块，并且在尝试使用提供程序时会产生此问题。

Answer 2

虽然你的回答已经解决了，但我现在也遇到了类似的问题，

我遇到这个问题是因为我有不同版本的 angular.min.js 和 angular-route.js

我使用了 Angular 的 1.2.0 和 angular-route.js 的 1.3.5，这导致了同样的错误。

偶尔出现未知提供者：$templateRequest Provider <- $templateRequest <- $route <- ngView 指令错误

occassional Unknown provider: $templateRequestProvider <- $templateRequest <- $route <- ngViewDirective error

javascript

angularjs

bower

angular-ui-router