【问题标题】:How to solve this error in my angularjs code如何在我的 angularjs 代码中解决这个错误
【发布时间】:2019-02-27 10:30:43
【问题描述】:

这个错误是在 angularjs 代码中显示的

" angular.min.js:7 未捕获的错误:[$injector:modulerr] http://errors.angularjs.org/1.7.2/$injector/modulerr?p0=myapp&p1=Error%3A%20%5B%24injector%3Aunpr%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.7.2%2F%24injector%2Funpr%3Fp0% 3D%2524routeProvidor%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%2Fapp_angularjs%2Fangular.min.js%3A7%3A168%0A%20%20%20%20at%20http%3A%2F% 2Flocalhost%2Fapp_angularjs%2Fangular.min.js%3A46%3A215%0A%20%20%20%20at%20d%20(http%3A%2F%2Flocalhost%2Fapp_angularjs%2Fangular.min.js%3A43%3A433)%0A %20%20%20%20at%20e%20(http%3A%2F%2Flocalhost%2Fapp_angularjs%2Fangular.min.js%3A44%3A171)%0A%20%20%20%20at%20Object.invoke%20( http%3A%2F%2Flocalhost%2Fapp_angularjs%2Fangular.min.js%3A44%3A256)%0A%20%20%20%20at%20d%20(http%3A%2F%2Flocalhost%2Fapp_angularjs%2Fangular.min.js %3A42%3A407)%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%2Fapp_angularjs%2Fangular.min.js%3A43%3A19%0A%20%20%20%20at%20q%20( http%3A%2F%2Flocalhost%2Fapp_angularjs%2Fangular.min.js%3A8%3A76)%0A%20%20%20%20at%20g%20(http%3A%2F%2Flocalhost%2Fapp_angularjs%2Fangular.min.js %3A42%3A308)%0A%20%20%20%2 0at%20hb%20(http%3A%2F%2Flocalhost%2Fapp_angularjs%2Fangular.min.js%3A46%3A401) 在 angular.min.js:7 在 angular.min.js:43 在 q (angular.min.js:8) 在 g (angular.min.js:42) 在 hb (angular.min.js:46) 在 c (angular.min.js:22) 在 Vc (angular.min.js:22) 在你 (angular.min.js:21) 在 angular.min.js:340 在 HTMLDocument.b (angular.min.js:38)"?

html代码是

<html ng-app="myapp">
<head>
    <title></title>

    <script type="text/javascript" src="angular-route.min.js"></script>
    <script type="text/javascript" src="angular.min.js"></script>

</head>
<body>
    <div ng-view=""></div>

javascript 代码是

<script >
        (function()
        {
            var mod=angular.module("myapp",['ngRoute']);
            mod.config(function($routeProvidor){
                $routeProvidor.when('/view1',
                {
                    templateUrl:"view1.html",
                    controller:"view1_ctr"

                }).when('/view2',
                {
                    templateUrl:"view2.html",
                    controller:"view2_ctr"

                });
            })
        })()
    </script>

怎么解决我多观察代码却找不到错误。

【问题讨论】:

    标签: angularjs


    【解决方案1】:

    你拼错了 $routeProvider

    错误中的 URL 实际上给了你提示。

    http://errors.angularjs.org/1.7.2/$injector/modulerr?p0=myapp&p1=错误%3A%20%5B%24injector%3Aunpr%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.7.2%2F%24injector%2Funpr %3Fp0%3D%2524routeProvidor%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%2Fapp_angularjs%2Fangular.min.js%3A7%3A168%0A%20%20%20%20at%20http%3A %2F%2Flocalhost%2Fapp_angularjs%2Fangular.min.js%3A46%3A215%0A%20%20%20%20at%20d%20(http%3A%2F%2Flocalhost%2Fapp_angularjs%2Fangular.min.js%3A43%3A433 )%0A%20%20%20%20at%20e%20(http%3A%2F%2Flocalhost%2Fapp_angularjs%2Fangular.min.js%3A44%3A171)%0A%20%20%20%20at%20Object.invoke %20(http%3A%2F%2Flocalhost%2Fapp_angularjs%2Fangular.min.js%3A44%3A256)%0A%20%20%20%20at%20d%20(http%3A%2F%2Flocalhost%2Fapp_angularjs%2Fangular. min.js%3A42%3A407)%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%2Fapp_angularjs%2Fangular.min.js%3A43%3A19%0A%20%20%20%20at%20q %20(http%3A%2F%2Flocalhost%2Fapp_angularjs%2Fangular.min.js%3A8%3A76)%0A%20%20%20%20at%20g%20(http%3A%2F%2Flocalhost%2Fapp_angularjs%2Fangular. min.js%3A42%3A308)%0A%20%20%2 0%20at%20hb%20(http%3A%2F%2Flocalhost%2Fapp_angularjs%2Fangular.min.js%3A46%3A401)

    【讨论】:

      【解决方案2】:

      您需要按以下顺序引用,

      (i) 你应该先加载 angular.js,然后再加载 anguarjs 路由器参考

        <script type="text/javascript" src="angular.min.js"></script>
        <script type="text/javascript" src="angular-route.min.js"></script>
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-09-14
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多