я получаю сообщение об ошибке Ошибка: [$ injector: unpr] Неизвестный поставщик: $ resourceProvider <- $ resource <- productResource

Question

Я получаю сообщение об ошибке в консоли Chrome:

Ошибка: [$ injector: unpr] Неизвестный поставщик: $ resourceProvider <- $ resource <- p roductResource, </p>

Я уже проверил угловую ставку на ресурс, кажется, все в порядке.

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;
    });

Answer 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;
    });