javascript - 资源解释为脚本，但在注入(inject) angular-route.map 时以 MIME 类型 text/html 传输

Question

ngRouteProvider依赖注入(inject)出错可能是什么原因

注意:$location依赖于ngRoute，这就是为什么我需要注入(inject)它，而我并没有真正使用它，而只是使用$location。

我通过以下方式将必要的 js 文件嵌入到我的 php 文件中:

<script type="application/javascript" src="/library/angularjs/1.2.9/angular.min.js"></script>
<script type="application/javascript" src="/library/angularjs/1.2.9/angular-route.min.js"></script>
<script type="application/javascript" src="/library/angularjs/1.2.9/angular-route.min.js.map"></script>
<script src="/library/angular-ui/bootstrap/0.11.0/ui-bootstrap-tpls.js"></script>

我通过以下方式将模块注入(inject)到我的模块中:

var VPPContractsApp = angular.module('VPPContractsApp', ['ui.bootstrap','$location','$window'])
                             .controller('VPPContractsController', VPPContractsController);

function VPPContractsController($scope,$http,$modal,$location,$window){../})

我收到的错误消息如下:

Resource interpreted as Script but transferred with MIME type text/html: "/library/angularjs/1.2.9/angular-route.min.js.map". myfile.php:10
Uncaught SyntaxError: Unexpected token < 

当 chrome 检查器在整个文件的第一行和开头报告时，在 .map 文件内(实际文件内容与从我们自己服务器的/library 文件夹下载和引用的位置不同。)

我到处寻找都没有找到合适的解决方案。

什么不起作用:1.将text/javascript更改为application/javascript。

2.文件权限，我是直接从官网下载的:https://code.angularjs.org/

==========更新1

我在检查器中不断收到错误

Uncaught Error: [$injector:modulerr] Failed to instantiate module VPPContractsApp due to:
Error: [$injector:modulerr] Failed to instantiate module $window due to:
Error: [$injector:nomod] Module '$window' is not available! You either misspelled the...<omitted>...1) 

似乎它处理如何放置注入(inject)服务(除了'ui.bootstrap'，但任何其他服务('$window'，'$resource'，'$location')都会发出错误，并且如果我切换先注入(inject)哪个，ever 将首先调用上面的错误。(即，如果我将 $resource 放在 $window 之前，错误将是关于“$resource”而不是“$window”。

我想知道为什么当我已经加载了 Angular 路由和 Angular 资源时他们认为它们不存在？

Answer 1

angular.module('VPPContractsApp', ['ui.bootstrap','$location','$window']

$location 和 $window 不是模块。它们是 Angular 默认提供的服务。您不需要包含模块来使用它们。您可以在此处删除这两个。