为啥我得到 Unknown provider: $routeProvider <- $route <- AppController 即使在 Angularjs 中添加依赖项之后

Posted 2023-02-23

【中文标题】为啥我得到 Unknown provider: $routeProvider <- $route <- AppController 即使在 Angularjs 中添加依赖项之后

【英文标题】：why am I getting Unknown provider: $routeProvider <- $route <- AppController even after adding the dependency in Angularjs为什么我得到 Unknown provider: $routeProvider <- $route <- AppController 即使在 Angularjs 中添加依赖项之后

【发布时间】：2020-11-21 03:08:19

【问题描述】：

我几乎尝试了 *** 上可用的所有内容，因为没有一个可以发布相同的内容。如果发现重复真的很抱歉。

我正在尝试使用函数$route.reload() 在按钮单击时重置我的引导表的内容，但是当我在单击函数中添加它时，即使添加了依赖项，我也会收到错误 Unknown provider: $routeProvider <- $route <- AppController 我真的不确定为什么会出现这个错误。

这是我的代码：

<button ng-model="NewDataSet" ng-click="ReloadTable();">Reset</button><br/>

Angularjs：

var app = angular.module('myApp', ['CopyToClipboard','ngRoute'], function() );
app.controller('AppController2', function($scope,$http,$location,$anchorScroll,$copyToClipboard,$route)
 $scope.ReloadTable =   function()
        console.log("JRJRJ");
        //$window.location.reload();
        $route.reload();
   
)

var app = angular.module('myApp', ['CopyToClipboard','ngRoute'], function() );

app.controller('AppController2', function($scope,$route)
    $scope.ReloadTable  =   function()
        $route.reload();
       
)

我尝试了很多其他答案中提到的东西，例如：

我已将 cdn 添加到我的 html 文件中

我尝试像这样添加依赖项：

app.controller('AppController2',['$route', function($scope,$route)

    $scope.ReloadTable  =   function()
        $route.reload();
    

]);

我查看了this video。他似乎在做几乎相同的事情，但为他工作而不是为我工作。

当我的想法用尽时，我想发帖以从你们那里获得一些想法/建议。

根据评论：

以下是我在 HTML 文件中使用的 Angularjs CDN：

<!-- Angularjs CDN Starts -->
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <script src="https://cdn.rawgit.com/zenorocha/clipboard.js/master/dist/clipboard.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>
<!-- Angularjs CDN Ends -->

【问题讨论】：

你现在用的是哪个版本的angularjs？

我使用的是 1.4.8 angularjs。我在上面使用的问题中添加了所有 3 个 CDN 链接。

我建议在这种情况下使用所有相同的版本1.4.8，以避免出现不一致的问题

【参考方案1】：

Would you please try below.      
var app = angular.module('myApp', ['CopyToClipboard','ngRoute'], function() );
    app.controller('AppController2',['$scope','$http','$location','$anchorScroll','$copyToClipboard','$route', function($scope,$http,$location,$anchorScroll,$copyToClipboard,$route)
     $scope.ReloadTable =   function()
            console.log("JRJRJ");
            //$window.location.reload();
            $route.reload();
       
    ])
    
    var app = angular.module('myApp', ['CopyToClipboard','ngRoute'], function() );
    
    app.controller('AppController2', ['$scope','$route', function($scope,$route)
        $scope.ReloadTable  =   function()
            $route.reload();
           
    ])

【讨论】：

非常感谢您的回复。我实际上已经尝试过了。但我再次尝试在[] 和function 参数中添加所有依赖项，但我收到错误：ReferenceError: $route is not defined。此错误与我之前收到的不同。

您能否分享一些我们可以复制您的问题的内容？ Codesanbox 是一个很好的工具。然后我们可以帮助您。

对于角度路由器，请使用 ajax.googleapis.com/ajax/libs/angularjs/1.4.8/… 而不是 ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/…