javascript - 未捕获的 ReferenceError：Spinner 未在 chrome 上定义

Question

我正在使用spin.js库来加载微调器。Chrome 抛出此错误

[未捕获的 ReferenceError：未定义微调器]。

微调器在所有其他浏览器中运行良好！

以下是相关代码：

//Jquery Spinner 
$.fn.spin = function(opts) {
    this.each(function() { 
       var $this = $(this), data = $this.data();
       if (data.spinner) {
           data.spinner.stop();
           delete data.spinner; 
       } 
       if (opts !== false) {
           data.spinner = new Spinner($.extend({
                      color: $this.css('color')}, opts)).spin(this);
       } 
    });
    return this; 
};

有什么解决办法吗？

Answer 1

所以我遇到了同样的问题，我不确定你是否使用我正在使用的同一个 AngularJS、Yeoman Stack，但我解决它的方法非常简单。我只是改变了的顺序，<script src="...">所以我spin.js在它们的最底部。请参见下面的示例

修复之前（给出未捕获的引用错误：未定义微调器）

<!-- startbuild -->
    <script src="scripts/js/spin.js"></script>

    <script src="scripts/app.js"></script>
    <script src="scripts/controllers/main.js"></script>
    <script src="scripts/controllers/admin.js"></script>
<!-- endbuild -->

修复后

<!-- startbuild -->
    <script src="scripts/app.js"></script>
    <script src="scripts/controllers/main.js"></script>
    <script src="scripts/controllers/admin.js"></script>

    <script src="scripts/js/spin.js"></script>
<!-- endbuild -->