我收到一个错误错误：[$injector:unpr] 未知提供者：$resourceProvider <- $resource <- productResource答案

【问题标题】：i am getting an error Error: [$injector:unpr] Unknown provider: $resourceProvider <- $resource <- productResource我收到一个错误错误：[$injector:unpr] 未知提供者：$resourceProvider <- $resource <- productResource
【发布时间】：2019-10-20 16:14:20
【问题描述】：

我在 chrome 控制台中遇到错误：

错误：[$injector:unpr] 未知提供者：$resourceProvider

我已经检查了角度资源的赌注，似乎没问题。

var app = angular.module('productManagement', ['common.service']);




angular
    .module("common.services",
        ["ngResource"])
    .constant("appSettings",
        {
            serverPath: "http://localhost:49896/"
        });


angular.module("common.service", []).
    factory("productResource", ["$resource",
        "appSettings",
        productResource]);


function productResource($resource, appSettings) {
    return $resource(appSettings.serverPath + "/api/products/:sku");


angular
    .module("productManagement")
    .controller("productListCtrl",
        productListCtrl);

function productListCtrl(productResource) {
    var vm = this;

    productResource.query(function (data) {
        vm.products = data;
    });

【问题讨论】：

拥有名称为 common.services 和 common.service 的模块会令人困惑且容易出错。 ngResource 是 common.services 模块的依赖项。 $resource 服务在 common.service 模块中被调用。

标签： angularjs ngresource

【解决方案1】：

您的模块引用在 app 变量中

var app = angular.module('productManagement', ['common.service']);

你应该这样做

app.module("productManagement")
    .controller("productListCtrl",
        productListCtrl);

function productListCtrl(productResource) {
    var vm = this;

    productResource.query(function (data) {
        vm.products = data;
    });

【讨论】：