使用angular-route.min.js存在问题 | 错误Chrome控制台[$injector: modulerr]

9 浏览
0 Comments

使用angular-route.min.js存在问题 | 错误Chrome控制台[$injector: modulerr]

!!初学者在此!!

我遇到了一个错误 - Chrome控制台给我一个关于 [$injector:modulerr] 的错误。

问题是我没有安装angular-route.min.js,这是在1.2版本之后的所有angular版本中应该做的事情。当我安装了angular-route.min.js,并将其放在与angular和我的HTML文件相同的文件中,并在代码中引用它时,什么都没发生。

我还将angular.module('app.js',['ngRoute'])放入了我的js文件中。

我的代码中没有拼写错误,我已经检查过了。最重要的是控制台给我一个错误,说找不到angular-route.min.js。

欢迎任何帮助,我已经花了很长时间去搜索,但没有结果。

(function () {
'use strict';
angular.module('MSgApp', []);
    controller:('MsgController', MsgController);
angular.module('app.js', ['ngRoute']);
MsgController.$inject = ['$scope'];
function MsgController($scope) {
    $scope.name = "Chris";
    $scope.stateOfBeing = "hungry";
    $scope.sayMessage = function () {
        return "chris likes to eat cookies";
    };
    $scope.feedChris = function () {
        $scope.stateOfBeing = "fed";
    };
}
})();




    
    
    
    
    custom attributes


    

expressions and interpolation

{{name}} has a message for you: {{sayMessage()}}

errorimg

解压了angular和angular-route后的错误

errorimg2

errorimg3

0
0 Comments

问题的出现的原因是因为使用了压缩版本的angular.js文件(angular.min.js),而不是非压缩版本的文件(angular.js)。解决方法是使用非压缩版本的文件。

问题可能还与缺少其他的angular相关文件有关,解决方法是添加缺少的文件。

在添加缺少的文件之后,还需要注意在代码中只调用一次angular.module,并将所有依赖项都传递给它。否则,将会覆盖之前创建的模块。

这是一个建议,在开发环境中使用非压缩版本的angular文件,这样可以更容易地找到错误。

以上是根据提供的内容整理出的问题的原因和解决方法。

0