Fatal编程技术网
  • javascript/
  • Javascript AngularJS错误：模块'；ngResource'；不可用！您要么拼错了模块名，要么忘记加载它

Javascript AngularJS错误：模块'；ngResource'；不可用！您要么拼错了模块名，要么忘记加载它

javascript angularjs

Javascript AngularJS错误：模块'；ngResource'；不可用！您要么拼错了模块名，要么忘记加载它,javascript,angularjs,ngresource,Javascript,Angularjs,Ngresource,我正试图从angular js打一个服务电话。我下载了。在view1.js中编写了以下代码来调用该服务： 'use strict'; angular.module('myApp.view1', ['ngRoute','ngResource']) .config(['$routeProvider', function($routeProvider) { $routeProvider.when('/view1', { templateUrl: 'view1/view1.html',

我正试图从angular js打一个服务电话。我下载了。在
view1.js
中编写了以下代码来调用该服务：

'use strict';

angular.module('myApp.view1', ['ngRoute','ngResource'])

.config(['$routeProvider', function($routeProvider) {
  $routeProvider.when('/view1', {
    templateUrl: 'view1/view1.html',
    controller: 'View1Ctrl'
  });
}])
.factory('Entry', ['$resource',function($resource) {
  return $resource('http://localhost:8000/emp/'); // Note the full endpoint address
}])
.controller('View1Ctrl', ['Entry',function(Entry) {
  var entries = Entry.query(function() {
    console.log(entries);
  });
}]);
下面是
index.html
，其中包含了所需的脚本：

    <!DOCTYPE html>
<!--[if lt IE 7]>      <html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html lang="en" ng-app="myApp" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en" ng-app="myApp" class="no-js"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>My AngularJS App</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="bower_components/html5-boilerplate/css/normalize.css">
  <link rel="stylesheet" href="bower_components/html5-boilerplate/css/main.css">
  <link rel="stylesheet" href="app.css">
  <script src="bower_components/html5-boilerplate/js/vendor/modernizr-2.6.2.min.js"></script>
</head>
<body>
  <ul class="menu">
    <li><a href="#/view1">view1</a></li>
    <li><a href="#/view2">view2</a></li>
  </ul>

  <!--[if lt IE 7]>
      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  <![endif]-->

  <div ng-view></div>

  <div>Angular seed app: v<span app-version></span></div>

  <!-- In production use:
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/x.x.x/angular.min.js"></script>
  -->
  <script src="bower_components/angular/angular.js"></script>
  <script src="bower_components/angular-route/angular-route.js"></script>
  <script src="angular-resource.js"></script>
  <script src="app.js"></script>
  <script src="view1/view1.js"></script>
  <script src="view2/view2.js"></script>
  <script src="components/version/version.js"></script>
  <script src="components/version/version-directive.js"></script>
  <script src="components/version/interpolate-filter.js"></script>
</body>
</html>
您缺少依赖项列表

如果将数组作为要注入的依赖项传递，则需要告诉angular

['Entry'，函数（Entry）{}]
应该做这个技巧，或者只做
函数（条目）{}

Entry
未定义的原因是angular不知道需要注入什么（您正在将数组符号传递给angular的DI系统）

ps:sry for bad english

唯一有意义的是angular-resource.js文件没有正确加载，您能看看网络选项卡，看看实际加载了什么文件以及模块的名称吗？以确保键入的内容正确

（抱歉没有评论，还没有足够的代表）。
应该是：

<script src="bower_components/angular-resource/angular-resource.js"></script>
try
['Entry'，function（Entry）{
似乎会引发另一个错误
错误：[$injector:unpr]未知提供程序：$resourceProvider add
ngResource
到
angular.module（'myApp.view1'，['ngRoute'，'ngResource'））
你能在问题中包含HTML代码吗，['ngRoute'，'ngResource']@iJay sry对于迟来的回复，我明白了
这是正确的路径吗？因为html中的大部分angularjs路径似乎都在
bower\u组件目录中：）

<script src="angular-resource.js"></script>



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