Question

我刚刚尝试设置Angular selectpicker而且我在我的控制台中偶然发现了这个错误

Failed to instantiate module selectDemoApp due to:
Error: [$injector:modulerr] http://errors.angularjs.org/1.3.14/$injector/modulerr?p0=...)
    at Error (native)
    at http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js:6:417
    at http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js:35:320
    at s (http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js:7:302)
    at g (http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js:34:399)
    at http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js:35:63
    at s (http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js:7:302)
    at g (http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js:34:399)
    at ab (http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js:38:135)
    at d (http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js:17:381

这是我的Codepen。

我错过了什么？因为我无法看清问题是什么。好像我包含了所有需要的文件才能工作。

HTML

<html ng-app="selectDemoApp">

<body>
  <section ng-controller="SimpleUsageCtrl">

    <select class="selectpicker">
      <option>Mustard</option> 
      <option>Ketchup</option> 
      <option>Relish</option>
    </select>

  </section>
</body>

</html>

JS

var selectDemoApp = angular.module('selectDemoApp', ['angular-bootstrap-select']);

  selectDemoApp.controller('SimpleUsageCtrl', function ($scope) {

  });

Answer 1

免费提示请勿在开发中使用缩小的Angular javascript文件。错误消息较小且信息较少。

当Angular无法找到模块的依赖关系时，会出现[$injector:modulerr]。您只有一个依赖项，因此我们可以猜测Angular无法找到angular-bootstrap-select。或者可能缺少angular-bootstrap-select个依赖项。

仔细检查HTML中的javascript文件。你错过了什么。

Answer 2

您还没有在html中添加angular-bootstrap-select个文件。

使用bower使用以下命令安装它：

bower install angular-bootstrap-select

然后添加HTML

<script src="../bower_components/angular-bootstrap-select/build/angular-bootstrap-select.min.js"></script>

您可以手动下载文件并正确设置脚本src。

未捕获的错误：[$ injector：modulerr]带有角度选择器

2 个答案: