初识angular路由配置遇到的问题及解决方案：Uncaught Error: [$injector:modulerr]

小兽~

于 2021-06-07 18:09:22 发布

阅读量738

点赞数

本文链接：https://blog.csdn.net/qq_52999833/article/details/117670334

版权

问题描述：

路由配置后，一打开页面就报错。错误如下图所示：
angular-route.js:56 Uncaught TypeError: d.module(…).info is not a function
angular.js:38 Uncaught Error: [$injector:modulerr]
在这里插入图片描述
代码如下所示：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
  <script src="https://cdn.staticfile.org/angular.js/1.7.0/angular-route.min.js"></script>
</head>

<body ng-app='routingDemoApp'>
  <ul>
    <li><a href="#!/">首页</a></li>
    <li><a href="#!/computers">电脑</a></li>
  </ul>
  <div ng-view></div>

  <script>
    angular.module('routingDemoApp', ['ngRoute'])
      .config(['$routeProvider', function ($routeProvider) {
        $routeProvider
          .when('/',{template:'这是首页'})
          .when('/computers',{template:'这是电脑页面'})
          .otherwise({redirectTao:'/'});
      }])
  </script>
</body>
</html>

解决方案:

排查了一下代码，代码无问题。继续向上排查，发现引入的两个js包，版本不一致。将两个版本都定为1.7.0。问题解决
在这里插入图片描述
修改后代码运行结果：

小兽~

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
初识angular路由配置遇到的问题及解决方案：Uncaught Error: [$injector:modulerr]

问题描述：路由配置后，一打开页面就报错。错误如下图所示：angular-route.js:56 Uncaught TypeError: d.module(…).info is not a functionangular.js:38 Uncaught Error: [$injector:modulerr]代码如下所示：<!DOCTYPE html><html><head> <meta charset="utf-8"> <script
复制链接

扫一扫