引用错误$ stateProvider未定义

Question

出于某种原因，我收到了这个错误：

  

未捕获的ReferenceError：$ stateProvider未定义

即使angular-ui-router.js被正确加载。

这是我的代码

(function () {
    var mod = angular.module('MyApp', ['ui.router']);
    debugger;
    mod.config(['$stateProvider', '$locationProvider', function ($stateProvider, $locationProvider) {
        $stateProvider.state('product', {
            url: "/home/product",
            views: {
                "view1": {
                    templateUrl: "/Angular/Components/Products/Products.html",
                    controller: "Ctr_Products",
                }
            }
        });

    $locationProvider.html5Mode({
        enabled: true, requireBase: false
    });
}]);

Answer 1

这是我的根源

upload

Answer 2

        (function () {
var mod = angular.module('MyApp', ['ui.router']);
debugger;
mod.config(function ($stateProvider, $locationProvider) {
        $routeProvider.when("/product", {
        controller: "Ctr_Products",
        templateUrl: "/Angular/Components/Products/Products.html"
});

$routeProvider.otherwise({ redirectTo: "/Home" });

    $locationProvider.html5Mode({
        enabled: true, requireBase: false
    });
}]);