angularjs - 错误 : [ng:areq] Argument Controller is Not a Function-6ren

angularjs - 错误 : [ng:areq] Argument Controller is Not a Function

转载作者：行者123 更新时间：2023-12-04 12:53:38

26

4

我正在尝试在我的 rails 应用程序中加载一个空白的谷歌地图应用程序(稍后我将通过 facotries 等添加标记)。这种格式在我的上一个项目中有效，但不幸的是这次我无法加载它。

我通过 bower install angular 使用 Bower ，但似乎我设置了一个错误 Error: [ng:areq] Argument 'MapController' is not a function, got undefined从浏览器中用红线显示 map 应位于的位置。它确保所有 namespace 都匹配，但仍然不足。

同样奇怪的是这个ng:areq错误来自公共(public) Assets 文件，而不是下面的文件(文件 application-1f030c1aa52b19b22da2952dccdcd4ba.js:6)

错误

控制台错误:var injector = angular.injector(['Sessions_Map', 'ng']);返回 undefinedMapController返回 MapController is not defined

Error: [ng:areq] Argument 'MapController' is not a function, got undefined
http://errors.angularjs.org/1.3.15/ng/areq?p0=MapController&p1=not%20a%20function%2C%20got%20undefined
at application-dc67be4c50a7a0828f3e243f50780c24.js:42
at Mt (application-dc67be4c50a7a0828f3e243f50780c24.js:42)
at _t (application-dc67be4c50a7a0828f3e243f50780c24.js:42)
at application-dc67be4c50a7a0828f3e243f50780c24.js:42
at application-dc67be4c50a7a0828f3e243f50780c24.js:42
at x (application-dc67be4c50a7a0828f3e243f50780c24.js:42)
at vt (application-dc67be4c50a7a0828f3e243f50780c24.js:42)
at g (application-dc67be4c50a7a0828f3e243f50780c24.js:42)
at g (application-dc67be4c50a7a0828f3e243f50780c24.js:42)
at application-dc67be4c50a7a0828f3e243f50780c24.js:42(anonymous function) @ application-dc67be4c50a7a0828f3e243f50780c24.js:42

应用程序.rb

config.assets.paths << Rails.root.join('vendor', 'assets', 'bower_components')

应用程序.js

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require angular
//= require map_app.js

map_app.js

var Sessions_Map = angular.module('Sessions_Map' , []);

Sessions_Map.controller('MapController', function($scope){
  });

    Sessions_Map.directive("myMaps", function() {
    return {
        restrict: 'E',
        template: '<div></div>',
        replace: true,


        link: function (scope, element, attrs) {
            var mapOptions = {
                center: new google.maps.LatLng(34.029732, -118.449528),
                zoom: 11,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

            map = new google.maps.Map(document.getElementById(attrs.id), mapOptions);
           }
        };
    });

Map.html.erb

<!doctype html>

<html ng-app="Sessions_Map">
<head>

<%= javascript_include_tag "map_app.js", "data-turbolinks-track" => true %>


<title>
    Google Maps
</title>
<style>

    #map-canvas{
        height:650px;
        width:1050px;
        border:2px solid red;
    }

 </style>

 <script type="text/javascript"
        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAcRGSjkX4Meav-RxEzY4SXQnVwKnedZvE">
</script>
<script type="text/javascript"></script>


</head>

<body ng-controller="MapController">
<my-maps id="map-canvas"></my-maps>

 </body>
 </html>

最佳答案

application-dc67be4c50a7a0828f3e243f50780c24.js

您的构建过程到底是什么/ asset pipeline ?

配置/应用程序.rb

您是否正确配置了 Assets 路径？

config.assets.paths << Rails.root.join("...stuff...")

应用程序/map_app.js

请注意，您正在创建一个新模块(传递一个空的 requires 数组)

var Sessions_Map = angular.module('Sessions_Map' , []);  // create

您稍后将创建第二次而不是检索它。

var Sessions_Map = angular.module('Sessions_Map');  // retrieve

map .html.erb

我认为那两个街区不应该在那里......

<script type="text/javascript"
    src="/app/assets/javascripts/angular-animate.min.js.map">
</script>

<script type="text/javascript"
    src = "/app/assets/javascripts/app/map_app.js">
</script>

因为你已经有了:

<%= javascript_include_tag "application.js", "data-turbolinks-track" => true %>

它本身有以下要求:

//= require angular-animate
//= require app/map_app

缩小

从这个跟踪中，函数被命名为 Mt , _t , v和 g我可以看到正在缩小。

Error: [ng:areq] Argument 'MapController' is not a function, got undefined
http://errors.angularjs.org/1.3.15/ng/areq?p0=MapController&p1=not%20a%20function%2C%20got%20undefined
at application-dc67be4c50a7a0828f3e243f50780c24.js:42
at Mt (application-dc67be4c50a7a0828f3e243f50780c24.js:42)
at _t (application-dc67be4c50a7a0828f3e243f50780c24.js:42)
at application-dc67be4c50a7a0828f3e243f50780c24.js:42
at application-dc67be4c50a7a0828f3e243f50780c24.js:42
at x (application-dc67be4c50a7a0828f3e243f50780c24.js:42)
at vt (application-dc67be4c50a7a0828f3e243f50780c24.js:42)
at g (application-dc67be4c50a7a0828f3e243f50780c24.js:42)
at g (application-dc67be4c50a7a0828f3e243f50780c24.js:42)
at application-dc67be4c50a7a0828f3e243f50780c24.js:42(anonymous function) @ application-dc67be4c50a7a0828f3e243f50780c24.js:42

请确保使用正确的语法以使依赖注入(inject)正常工作。

https://docs.angularjs.org/tutorial/step_05 ->“关于缩小的说明”

编辑 : 你可以调整 uglifier进入您的 Rails 配置以查看结果 application-[checksum].js ，并实际看到您的 Controller 在那里。

编辑:

WARNING: Tried to load angular more than once.

有可能在您的代码中某处加载了 angular 两次，并且可能弄乱了之前的模块声明。

关于angularjs - 错误 : [ng:areq] Argument Controller is Not a Function，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29645769/

26

4

0

文章推荐： javascript - compose 函数如何处理多个参数？

文章推荐： osgi - 有没有办法从不同的 CQ 实例导入/导出任务？

javascript - 错误 : [ng:areq] http://errors. angularjs.org/1.2.25/ng/areq？
我需要一些帮助。只需要学习 Angular，我就是这样设置的。这是我的文件结构。关于Controller.js function AboutController( $scope ){ $sco
angularjs - 错误 : [ng:areq] http://errors. angularjs.org/1.2.12/ng/areq?p0=CustomersController&p1=not%20aNaNunction%2C%20got%20undefined
我有 Angular JS 的实践项目，描述 demoangular.html 页面 Logout.html 页面 demoangular 页面是登录页面，它重定向到 logout.html 但是 l
javascript - 错误 : [ng:areq] http://errors. angularjs.org/1.4.4/ng/areq?p0=FirstCtrl&p1=not%20a%20function%2C%20got%20undefined？
我是 angularjs 的新手，想知道我的代码有什么问题。我正在学习教程，但由于这个错误而卡住了。索引.php AngularJS {{data.mes
javascript - AngularJs错误: [ng:areq]
我收到一个[ng:areq]错误，可能很愚蠢，但我没有看穿它。做了一些研究发现没有什么帮助。演示代码: Angular Third Example
javascript - 我的应用程序中出现错误 ng-areq
我是angularjs的初学者我有前端代码 Scope Data
javascript - Angular 错误: [ng:areq]
我已经检查了有关错误 Error: [ng:areq] 的其他解决方案，大多数都说明了缺少文件功能、变量重复或覆盖模块的原因。我的controller.js代码如下，它似乎没有任何这些问题。 var
javascript - AngularJS过滤搜索结果: Error: [ng:areq]
我正在尝试在 angularjs 中过滤搜索结果，但在 chrome 控制台上收到此错误:错误:[ng:areq] 这是我的代码片段 By name Newest
javascript - Angular "ng:areq"错误，工厂问题
我已经设置了 Angular Factory 和 Controller ，以使用其 API 从 Instagram 中提取图像。我在尝试加载页面时遇到错误，但似乎无法找出问题所在。我的 html、应用
javascript - 为什么这个片段返回 "error:areq Bad Argument"？
你能解释一下为什么下面的代码返回 Error: error:areqBad Argument ？ (参见 live example ) function Simple
javascript - ng :areq error in simple app
这个问题在这里已经有了答案: Controller not a function, got undefined, while defining controllers globally (14 个答
javascript - AngularJS 错误 ng areq 不是函数
我试图让我的元 Controller 动态更改元标记，但在控制台中我收到错误 ng areq not a function。我在 StackOverflow 中搜索了类似的问题，但没有一个解决方案适合
javascript - 错误 : [ng:areq] from angular controller
这不太可能，但是有人以前见过这个错误吗？我正在尝试使用 express、angular 和 mongoDB 添加“Transporters”。每当我访问由传输 Controller 控制的页面时，我都
angularjs - 错误 : [ng:areq] Argument Controller is Not a Function
我正在尝试在我的 rails 应用程序中加载一个空白的谷歌地图应用程序(稍后我将通过 facotries 等添加标记)。这种格式在我的上一个项目中有效，但不幸的是这次我无法加载它。我通过 bower
javascript - 错误 : [ng:areq] Argument is not a function, 未定义
我试图用 Angular 制作一个简单的应用程序，我偶然发现了页面加载时弹出错误。我做错了什么？ views/raffle/index.html.erb Raffler
javascript - 错误: ng:areq Bad Argument AngularJS
我正在开发一个新的作品集网站，希望使用 AngularJS 来显示我的作品，并使用纯 css 来格式化布局等。我找到了一个有用的教程，概述了如何构建应用程序以供将来扩展，并设置了如下所示的文件树:
angularjs [ng :areq] Argument 'fn' is not a function, 得到字符串
我是 Angular js 新手..我遇到以下错误，请帮助我 [ng:areq] 参数“fn”不是函数，而是字符串 var app = angular.module('demo',[]); app.c
javascript - 我收到错误 : [ng:areq] Argument 'nameController' is not a function
出现以下错误 Error: [ng:areq] Argument 'nameController' is not a function, got undefined http://errors.ang
angularjs - 错误 : [ng:areq] Argument 'ProjectsController' is not a function, 未定义
为什么我的 ProjectsController 未定义？我从浏览器控制台收到此错误消息。你可以自己检查看看这个plunker: http://plnkr.co/edit/0DJ6W7QEPx2Uz
javascript - 错误 : [ng:areq] Argument 'GreetingController' is not a function, 未定义
我正在尝试使用 Django 进行 Angular 工作。我非常困难地让它与 Django 和 Angular 一起工作，但现在我又遇到了一个错误。每次加载它时，我都会收到以下错误。 Error: [
javascript - angularjs [ng :areq] Argument 'fn' is not a function, 在控制台错误中得到字符串
当我尝试使用 ngmockE2E 模拟后端时出现错误。 “angularjs [ng:areq] 参数 'fn' 不是函数，得到字符串” 当我删除 ngMock 服务时，它工作正常。索引.html

首页

博学

6Ren·AI

商城

angularjs - 错误 : [ng:areq] Argument Controller is Not a Function