我应该按什么顺序导入我的 Angular 文件？

Question

Angular app.js

(function () {
    angular
        .module("myApp", [
            'ngRoute',
            'ui.tree',
            'ngAnimate',            
            'ngMaterial'
        ]);
})();

On the index.html , the order of libraries import is:

1. angular.min.js
2. angular-route.min.js
3. angular-ui-tree.min.js
4. jquery.min.js
5. bootstrap.min.js
6. angular-animate.min.js
7. angular-aria.min.js
8. angular-material.min.js

---

I'm getting this error:

Error: $injector:unpr Unknown Provider

Answer 1

The order should be:

1. First import Angular ( angular.min.js ).

2. Import Angular files: controllers, services, directives...

3. Import others JS files

The order between Angular files does not matter ( eg: you can import services before controllers ).

---

In your case, a solution could be:

1. angular.min.js
2. angular-route.min.js
3. angular-ui-tree.min.js
4. angular-animate.min.js
5. angular-aria.min.js
6. angular-material.min.js
7. jquery.min.js
8. bootstrap.min.js

Note: I don't see any controllers in your files, don't forget it!