如何修复AngularJS中_planets相关的$injector:unpr未知提供者错误？

这个Unknown provider: _planetsProvider <- _planets <- SearchController错误的核心是Angular无法找到名为_planets的服务提供者，大概率是服务注册、依赖注入或脚本加载环节出现了不匹配的问题，我给你梳理几个针对性的排查修复方向：

1. 核对服务注册与注入的名称一致性 #

打开myService.js，确认你注册服务的名称和SearchController里注入的名称完全一致：

• 如果服务注册的是planets（不带下划线），但控制器里写的是_planets，就会直接触发这个错误。你需要把两边的名称统一，要么修改服务注册名，要么调整控制器的注入参数。
• 示例正确的服务注册写法：

angular.module('myApp')
  .service('_planets', function($http) {
    // 你的服务逻辑，比如GET请求封装
    this.fetchPlanets = function() {
      return $http.get('/api/planets');
    };
  });

2. 确认服务已关联到主模块 #

如果你的服务是在独立模块中定义的（比如angular.module('myService', [])），一定要在app.js的主模块依赖中添加这个子模块：

// app.js里的主模块声明
angular.module('myApp', ['myService']);

要是服务没被主模块引用，Angular就无法识别到这个服务的存在。

3. 规范控制器的依赖注入写法 #

建议使用显式数组注入的写法，既避免压缩导致的依赖识别失败，也能更清晰地看到依赖关系：

angular.module('myApp')
  .controller('SearchController', ['_planets', function(_planets) {
    var vm = this;
    // 调用服务的API
    _planets.fetchPlanets().then(function(res) {
      vm.planetsData = res.data;
    });
  }]);

如果之前用的是隐式注入（直接写function(_planets)），可能会因为命名或环境问题导致Angular无法正确解析依赖。

4. 检查脚本加载顺序 #

在index.html里，必须保证脚本加载顺序符合逻辑：

1. 先加载AngularJS核心库
2. 再加载app.js（主模块）
3. 接着加载myService.js（服务）
4. 最后加载SearchController.js（控制器）
   示例正确的加载顺序：

<script src="angular.min.js"></script>
<script src="app.js"></script>
<script src="myService.js"></script>
<script src="SearchController.js"></script>

如果控制器先于服务加载，Angular解析控制器依赖时会找不到服务，直接抛出未知提供者错误。

5. 排查拼写细节 #

仔细检查所有涉及_planets的地方：服务注册名、控制器注入名、甚至HTML中的ng-controller引用，有没有大小写、下划线的拼写错误——这类细微的笔误是触发该错误的常见原因。

按照这几个步骤逐一排查，基本就能定位并解决问题，最常见的情况就是服务名称不匹配或者脚本加载顺序颠倒。

内容的提问来源于stack exchange，提问作者D_B