模块“anyModule”不可用角度

Module 'anyModule' is not available angular

本文关键字:anyModule 模块      更新时间:2023-09-26

所以我一直在尝试将一些外部模块注入我的应用程序,但似乎无论我做什么都会遇到错误:

"错误:[$injector:nomod] 模块'ui-bootstrap'不可用!您要么拼错了模块名称,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。

在我的业力日志中。

到目前为止,我已经尝试确保它包含在 karma.conf 中,甚至围绕要求顺序进行了更改:

    files : [
  'app/bower_components/angular/angular.js',
  'app/bower_components/angular-route/angular-route.js',
  'app/bower_components/angular-bootstrap/ui-bootstrap-tpls.js',
  'app/bower_components/angular-mocks/angular-mocks.js',
  'app/components/**/*.js',
  'app/js/app.js',
  'app/js/services.js',
  'app/js/controllers.js',
  'test/unit-tests/*.js'
],

确保它在 HTML 中:

<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
<script src="js/services.js"></script>

我在尝试使用 ngResource 时遇到了同样的错误,并检查了各地的拼写。然而,我不断收到同样的错误,我已经在这个网站上搜索了几十个问题,但似乎无法解决。如果有人能指出我可能忽略了什么,将不胜感激。

我的应用.js文件:

'use strict'
    var shopApp = angular.module('shopApp', [
        'ngRoute', 
        'shopServices', 
        'shopControllers', 
        'ui-bootstrap'])

如果我没记错的话,ui 引导程序的模块名称是ui.bootstrap而不是ui-bootstrap